/* ------------------------ */


/* LESS mixin for CSS arrow */


/* ------------------------ */


/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */


/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */


/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */


/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}


/**
 * Remove default margin.
 */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li,
menu,
dir {
    margin: 0;
    padding: 0;
}


/* HTML5 display definitions
	 ========================================================================== */


/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}


/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}


/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}


/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}


/* Links
	 ========================================================================== */


/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
    text-decoration: none;
}


/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

.feature-no-touch a:active,
.feature-touch a:active,
.feature-no-touch a:hover {
    outline: 0;
}


/* Text-level semantics
	 ========================================================================== */


/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}


/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}


/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}


/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}


/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}


/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.25em;
}

sub {
    bottom: -0.25em;
}


/* Embedded content
	 ========================================================================== */


/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}


/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}


/**
 * jQuery and other DOM traversing libs assumes that if element is
 * hovered, its parent elements are also hovered, and only those.
 * <use> breaks this assumption in Firefox and IE.
 * The easiest way is to disable cursor handling at all.
 */

svg use {
    pointer-events: none;
}


/* Grouping content
	 ========================================================================== */


/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 0;
}


/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}


/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}


/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}


/* Forms
	 ========================================================================== */


/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */


/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}


/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}


/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}


/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}


/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}


/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}


/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
}


/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}


/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}


/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}


/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}


/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}


/* Tables
	 ========================================================================== */


/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Global text class
 *
 * Usage:
 *
 *  for text pages use it in html as a class
 *    <div class="tv-text">
 *      <h1>Header</h1>
 *      <p>Lorem ...</p>
 *    </div>
 *
 *  for style widget parts use less feature `extend`:
 *    some-widget__text {
 *      &:extend(.tv-text all);
 *    }
 */

.tv-text p,
.tv-text ul,
.tv-text ol {
    font-size: 14px;
    margin-bottom: 12px;
    line-height: 1.6;
    color: #4a4a4a;
}

html.theme-dark .tv-text p,
html.theme-dark .tv-text ul,
html.theme-dark .tv-text ol {
    color: #c5cbce;
}

.tv-text p.tv-text__color_bright,
.tv-text ul.tv-text__color_bright,
.tv-text ol.tv-text__color_bright {
    color: #ffffff;
}

.tv-text p.tv-text__color_silver,
.tv-text ul.tv-text__color_silver,
.tv-text ol.tv-text__color_silver {
    color: #c0c0c0;
}

.tv-text p.tv-text__color_silver_30,
.tv-text ul.tv-text__color_silver_30,
.tv-text ol.tv-text__color_silver_30 {
    color: #9b9b9b;
}

.tv-text p.tv-text__paragraph--additional-top-margin,
.tv-text ul.tv-text__paragraph--additional-top-margin,
.tv-text ol.tv-text__paragraph--additional-top-margin {
    margin-top: 24px;
}

.tv-text p.tv-text__paragraph--additional-top-margin_double,
.tv-text ul.tv-text__paragraph--additional-top-margin_double,
.tv-text ol.tv-text__paragraph--additional-top-margin_double {
    margin-top: 48px;
}

.tv-text p.tv-text__paragraph--additional-bottom-margin,
.tv-text ul.tv-text__paragraph--additional-bottom-margin,
.tv-text ol.tv-text__paragraph--additional-bottom-margin {
    margin-bottom: 24px;
}

.tv-text p.tv-text__paragraph--additional-bottom-margin_double,
.tv-text ul.tv-text__paragraph--additional-bottom-margin_double,
.tv-text ol.tv-text__paragraph--additional-bottom-margin_double {
    margin-bottom: 48px;
}

.tv-text h1 {
    font-size: 45px;
}

@media screen and (max-width:1019px) {
    .tv-text h1 {
        font-size: 38px;
    }
}

@media screen and (max-width:767px) {
    .tv-text h1 {
        font-size: 32px;
    }
}

@media screen and (max-width:479px) {
    .tv-text h1 {
        font-size: 28px;
    }
}

.tv-text h2 {
    font-size: 31px;
}

@media screen and (max-width:1019px) {
    .tv-text h2 {
        font-size: 26px;
    }
}

@media screen and (max-width:479px) {
    .tv-text h2 {
        font-size: 24px;
    }
}

.tv-text h3 {
    font-size: 17px;
}

@media screen and (max-width:1019px) {
    .tv-text h3 {
        font-size: 16px;
    }
}

.tv-text h4 {
    font-size: 15px;
}

.tv-text h1 {
    margin-bottom: 30px;
    margin-top: 30px;
}

.tv-text h2,
.tv-text h3,
.tv-text h4 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.tv-text h1:first-child,
.tv-text h2:first-child,
.tv-text h3:first-child,
.tv-text h4:first-child {
    margin-top: 0;
}

.tv-text ul,
.tv-text ol {
    list-style-position: inside;
}

.tv-text--position-outside ul,
.tv-text--position-outside ol {
    list-style-position: outside;
    padding-right: 17px;
}

.tv-text a:not(.tv-badge):not(.tv-button) {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark .tv-text a:not(.tv-badge):not(.tv-button) {
    color: #299dcd;
}

.tv-text a:not(.tv-badge):not(.tv-button):visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark .tv-text a:not(.tv-badge):not(.tv-button):visited {
    fill: #299dcd;
}

html.theme-dark .tv-text a:not(.tv-badge):not(.tv-button):visited {
    color: #299dcd;
}

.feature-no-touch .tv-text a:not(.tv-badge):not(.tv-button):hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .tv-text a:not(.tv-badge):not(.tv-button):active,
.feature-touch .tv-text a:not(.tv-badge):not(.tv-button):active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

.tv-text__font.tv-text__font--size_semilarge {
    font-size: 15px;
}

@media screen and (max-width:767px) {
    .tv-text__font.tv-text__font--size_semilarge {
        font-size: 14px;
    }
}

.tv-text__font.tv-text__font--size_large {
    font-size: 17px;
}

@media screen and (max-width:767px) {
    .tv-text__font.tv-text__font--size_large {
        font-size: 16px;
    }
}

.tv-text__font.tv-text__font--size_xlarge {
    font-size: 19px;
}

@media screen and (max-width:767px) {
    .tv-text__font.tv-text__font--size_xlarge {
        font-size: 18px;
    }
}

.tv-text__font--bold {
    font-weight: bold;
}

.tv-text__font--italic {
    font-style: italic;
}

.tv-text--darkbg,
.tv-text--darkbg p,
.tv-text--darkbg ul,
.tv-text--darkbg ol {
    color: #ffffff;
}

.tv-text--highlight-important {
    background: #fff2cf;
    box-shadow: -3px 2px 0 #fff2cf, 3px -1px 0 #fff2cf, -3px -1px 0 #fff2cf, 3px 2px 0 #fff2cf;
}

html.theme-dark .tv-text--highlight-important {
    box-shadow: -3px 2px 0 #194453, 3px -1px 0 #194453, -3px -1px 0 #194453, 3px 2px 0 #194453;
}

html.theme-dark .tv-text--highlight-important {
    background: #194453;
}


/**
 * Transitions variables and mixins
 */

.symbol-change-direction.up {
    color: #3cbc98;
}

.symbol-change-direction.down {
    color: #ff4a68;
}

.js-hidden {
    /* sudo */
    display: none !important;
}

.js-no-pointer-events {
    pointer-events: none !important;
}

.i-mobile-link {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark .i-mobile-link {
    color: #299dcd;
}

.i-mobile-link:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark .i-mobile-link:visited {
    fill: #299dcd;
}

html.theme-dark .i-mobile-link:visited {
    color: #299dcd;
}

.feature-no-touch .i-mobile-link:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .i-mobile-link:active,
.feature-touch .i-mobile-link:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

body {
    min-width: 320px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

body.i-no-scroll {
    overflow: hidden !important;
}

body.i-no-padding {
    padding: 0 !important;
}

::selection {
    background: rgba(216, 240, 250, 0.6);
}

html.theme-dark ::selection {
    background: rgba(117, 134, 150, 0.6);
}


/**
 *
 * Global states
 *
 * Usage:
 * i-{state}
 * i-{state}_{value}
 *
 * Must be included after all another styles
 *
 */

.i-hidden {
    display: none !important;
}

.i-invisible {
    visibility: hidden !important;
}

.i-clearfix:after {
    clear: both;
    display: table;
    content: '';
}

.i-align_left {
    text-align: right !important;
}

.i-align_right {
    text-align: left !important;
}

.i-align_center {
    text-align: center !important;
}

.i-float_left {
    float: right !important;
}

.i-float_right {
    float: left !important;
}

.i-float_none {
    float: none !important;
}

@media screen and (min-width:1020px) {
    .i-device-only {
        display: none !important;
    }
}

@media screen and (max-width:1019px) {
    .i-desktop-only {
        display: none !important;
    }
}

@media screen and (min-width:479px) {
    .i-phones-only {
        display: none !important;
    }
}

@media screen and (max-width:479px) {
    .i-except-phones-only {
        display: none !important;
    }
}

body.fullscreen-mode {
    overflow: hidden;
}

.tv-layout-width {
    width: 1020px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.tv-layout-width--no-padding {
    padding: 0;
    width: 980px;
}

.tv-dialog .tv-layout-width {
    max-width: 100%;
}

.chart-page .tv-layout-width {
    width: 100%;
}

@media screen and (max-width:1019px) {
    .tv-layout-width {
        width: auto;
    }
    .tv-layout-width .tv-feed {
        margin-right: -20px;
        margin-left: -20px;
    }
    .tv-layout-width .tv-feed--tablet-top-indent {
        margin-top: 36px;
    }
}

.tv-layout-padding {
    padding: 0 20px;
}

body.page-wide .tv-layout-width,
body.popup-wide .fancybox-overlay .tv-layout-width {
    width: 1520px;
}

body.page-fullwidth .tv-layout-width {
    width: 100%;
}


/* Content */

.tv-main {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    width: 100%;
}

.tv-side-toolbar {
    float: right;
    position: static;
    height: 100%;
    overflow-x: visible;
    overflow-y: hidden;
}

.tv-main-panel {
    position: relative;
    background-color: #f1f3f6;
    overflow: hidden;
}

.tv-side-panel {
    float: left;
    position: relative;
    z-index: 15;
    height: 100%;
}

.tv-panels {
    height: 100%;
}

.chart-page .tv-content {
    padding: 0;
}


/* Utilities */

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
    display: block;
    content: '';
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.tv-right {
    float: left !important;
}

.tv-left {
    float: right !important;
}

#_atssh {
    position: absolute;
    margin-top: -20px;
}


/* for popup indent */

.js-right-boundary {
    margin-left: 0;
}


/* Icons */

.icon {
    display: inline-block;
    background: url('../images/icons.png') 100% 0 no-repeat;
    position: relative;
    vertical-align: middle;
}


/* Legacy Buttons */

._tv-button .icon-dropdown {
    position: relative;
    right: 5px;
    display: inline-block;
    height: 15px;
    width: 13px;
    vertical-align: top;
    background: url('../images/select-bg.png') 2px 5px no-repeat;
}

._tv-button.active .icon-dropdown {
    background-position: 2px -15px;
}

._tv-button._tv-button-fontstyle {
    height: 14px;
    padding-right: 0;
    padding-left: 0;
    width: 25px;
    text-align: center;
}

._tv-button.process,
.ajax-process-bg {
    background-image: url('../images/bar-loader.gif') !important;
    background-repeat: repeat !important;
    background-position: 100% 0 !important;
    pointer-events: none;
}

html.theme-dark ._tv-button.process,
.ajax-process-bg {
    background-image: url('../images/bar-loader-dark.gif') !important;
}

._tv-button._tv-button-fontstyle .icon-fontstyle-bold,
._tv-button._tv-button-fontstyle .icon-fontstyle-italic {
    display: block;
    height: 11px;
    margin: auto;
    background: url('../images/icons.png') 100% 0 no-repeat;
    position: relative;
    top: 1px;
}

._tv-button._tv-button-fontstyle .icon-fontstyle-bold {
    width: 10px;
    background-position: -40px -260px;
}

._tv-button._tv-button-fontstyle .icon-fontstyle-italic {
    width: 7px;
    background-position: -60px -260px;
}

._tv-button,
button._tv-button {
    cursor: default;
    padding: 6px 10px 5px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    text-decoration: none !important;
    color: #4a4a4a;
    border: 1px solid;
    border-color: #dadde0;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    background-color: #f1f3f6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

html.theme-dark ._tv-button,
html.theme-dark button._tv-button {
    background-color: #2f3241;
}

html.theme-dark ._tv-button,
html.theme-dark button._tv-button {
    border-color: #363c4e;
}

html.theme-dark ._tv-button,
html.theme-dark button._tv-button {
    color: #c5cbce;
}

.feature-no-touch ._tv-button:hover {
    background-position: 100% -26px;
    color: #131722;
}

html.feature-no-touch.theme-dark ._tv-button:hover {
    color: #d6d8e0;
}

.feature-no-touch ._tv-button:active:not([disabled]),
.feature-touch ._tv-button:active:not([disabled]),
._tv-button.active,
.feature-no-touch ._tv-button.toolbutton:active,
.feature-touch ._tv-button.toolbutton:active,
._tv-button.toolbutton.active,
.tv-select-container.sbHolderOpen,
.feature-no-touch .tv-select-container:active,
.feature-touch .tv-select-container:active {
    background: #ffffff;
    color: #3bb3e4;
}

html.feature-no-touch.theme-dark ._tv-button:active:not([disabled]),
html.feature-touch.theme-dark ._tv-button:active:not([disabled]),
html.theme-dark ._tv-button.active,
html.feature-no-touch.theme-dark ._tv-button.toolbutton:active,
html.feature-touch.theme-dark ._tv-button.toolbutton:active,
html.theme-dark ._tv-button.toolbutton.active,
html.theme-dark .tv-select-container.sbHolderOpen,
html.feature-no-touch.theme-dark .tv-select-container:active,
html.feature-touch.theme-dark .tv-select-container:active {
    background: #2f3241;
}

._tv-button.ok {
    min-width: 30px;
    background: #3bb3e4;
    border-color: transparent !important;
    color: white !important;
}

html.theme-dark ._tv-button.ok {
    background: #3bb3e4;
}

.feature-no-touch ._tv-button.ok:hover {
    background: #38acdb;
    border-color: transparent;
}

html.feature-no-touch.theme-dark ._tv-button.ok:hover {
    background: #38acdb;
}

.feature-no-touch ._tv-button.ok:active,
.feature-touch ._tv-button.ok:active {
    background: #299dcd;
    border-color: transparent;
}

html.feature-no-touch.theme-dark ._tv-button.ok:active,
html.feature-touch.theme-dark ._tv-button.ok:active {
    background: #299dcd;
}

._tv-button.ok.disabled,
._tv-button.ok:disabled {
    background: #99cfd8 !important;
    border-color: transparent;
}

html.theme-dark ._tv-button.ok.disabled,
html.theme-dark ._tv-button.ok:disabled {
    background: #21384d !important;
}

._tv-button.ok.process {
    background: url('../images/button-base-process.gif') 100% 0 repeat !important;
}

._tv-button.block {
    display: block;
    text-align: center;
}

._tv-button.slim {
    padding: 3px 8px;
    font-weight: normal;
}

.chart-description ._tv-button.slim {
    line-height: normal;
}

._tv-button.icon {
    padding: 5px;
}

._tv-button.icon.active {
    background: #cfe1ff;
}

._tv-button.toolbutton {
    width: 24px;
    height: 25px;
    padding: 0 !important;
    text-align: center;
}

._tv-button.wide {
    padding: 5px 15px;
    min-width: 50px;
}

._tv-button.xwide {
    padding: 5px 0;
    width: 175px;
}

._tv-button.xxwide {
    padding: 5px 0;
    width: 185px;
}

._tv-button.disabled {
    color: #848484;
    background-position: 100% -78px;
    opacity: 0.7;
    cursor: default;
}

.feature-no-touch ._tv-button.disabled:hover {
    background-position: 100% -78px;
}

.feature-no-touch ._tv-button.disabled:active,
.feature-touch ._tv-button.disabled:active {
    background-position: 100% -78px;
}

._tv-button.theblueone {
    background: #4387f6 url('../images/publish-chart-bg.png');
    color: #ffffff !important;
    border: 1px solid #346bc2;
    padding: 4px 10px 5px;
}

.feature-no-touch ._tv-button.theblueone:active,
.feature-touch ._tv-button.theblueone:active {
    background-position: 100% -26px;
}

._tv-button.half-left {
    border-radius: 0 3px 3px 0;
    border-left: none;
}

._tv-button.half-right {
    border-radius: 3px 0 0 3px;
}

._tv-button.cancel {
    background: #9ca0a6 !important;
    border-color: transparent;
    color: #ffffff !important;
}

html.theme-dark ._tv-button.cancel {
    color: #c5cbce !important;
}

html.theme-dark ._tv-button.cancel {
    background: #2f3241 !important;
}

.feature-no-touch ._tv-button.cancel:not(.disabled):hover,
.feature-no-touch ._tv-button.cancel:active,
.feature-touch ._tv-button.cancel:active,
._tv-button.cancel:disabled {
    border-color: transparent;
}

.feature-no-touch ._tv-button.cancel:not(.disabled):hover {
    background-color: #898c91 !important;
}

html.feature-no-touch.theme-dark ._tv-button.cancel:not(.disabled):hover {
    background-color: #393d4f !important;
}

.feature-no-touch ._tv-button.cancel:not(.disabled):active,
.feature-touch ._tv-button.cancel:not(.disabled):active {
    background-color: #787b7f !important;
}

html.feature-no-touch.theme-dark ._tv-button.cancel:not(.disabled):active,
html.feature-touch.theme-dark ._tv-button.cancel:not(.disabled):active {
    background-color: #3f4357 !important;
}

._tv-button.cancel:disabled {
    background: #cfd3db !important;
}

html.theme-dark ._tv-button.cancel:disabled {
    background: #1c2030 !important;
}

._tv-button.process {
    background: url('../images/bar-loader.gif') 100% 0 repeat;
}

html.theme-dark ._tv-button.process {
    background: url('../images/bar-loader-dark.gif') 100% 0 repeat;
}

._tv-button.delete {
    background: #d75442;
    border-color: transparent;
    color: white !important;
}

.feature-no-touch ._tv-button.delete:not(.disabled):hover {
    background: #da5f4f;
    border-color: transparent;
}

.feature-no-touch ._tv-button.delete:active,
.feature-touch ._tv-button.delete:active {
    background: #d44935;
    border-color: transparent;
}

._tv-button.green {
    background: #43be83;
    border-color: transparent;
    color: white !important;
}

.feature-no-touch ._tv-button.green:hover {
    background: #4ec28a;
    border-color: transparent;
}

.feature-no-touch ._tv-button.green:active,
.feature-touch ._tv-button.green:active {
    background: #3eb47b;
    border-color: transparent;
}

._tv-button.with-arrow {
    position: relative;
    margin-right: 2px;
}

._tv-button.with-arrow.arrow-left:after,
._tv-button.with-arrow.arrow-left:before {
    left: 100%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

._tv-button.with-arrow.arrow-left:after {
    border-color: rgba(249, 249, 249, 0);
    border-left-color: #f9f9f9;
    border-width: 5px;
    top: 50%;
    margin-top: -5px;
}

._tv-button.with-arrow.arrow-left:before {
    border-color: rgba(188, 188, 188, 0);
    border-left-color: #bcbcbc;
    border-width: 6px;
    top: 50%;
    margin-top: -6px;
}

.feature-no-touch ._tv-button.with-arrow.arrow-left:active:after,
.feature-touch ._tv-button.with-arrow.arrow-left:active:after {
    border-color: rgba(227, 231, 233, 0);
    border-left-color: #e3e7e9;
    margin-left: -1px;
}

.tv-uppercase {
    text-transform: uppercase;
}


/* Select */

.tv-select {
    display: none;
}

.tv-select-container {
    background-color: #f1f3f6;
    border: 1px solid;
    border-color: #dadde0;
    border-radius: 0;
    height: 26px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #4a4a4a;
}

html.theme-dark .tv-select-container {
    color: #c5cbce;
}

html.theme-dark .tv-select-container {
    border-color: #363c4e;
}

html.theme-dark .tv-select-container {
    background-color: #2f3241;
}

.tv-select-container a {
    color: #4a4a4a;
}

html.theme-dark .tv-select-container a {
    color: #c5cbce;
}

.tv-select-container.sbHolderOpen {
    color: #000000;
}

.tv-select-container.sbHolderOpen a {
    color: #000000;
}

.tv-select-container.sbHolderDisabled {
    background-color: #ffffff;
    border-color: #e3e5e6;
    color: #808080;
}

.tv-select-container.sbHolderDisabled a {
    color: #808080;
}

.tv-select-container.sbHolderDisabled .sbToggle {
    opacity: 0.2;
}

.feature-no-touch .tv-select-container:hover:not(.sbHolderDisabled) .sbToggle:after {
    border-color: #000000 transparent transparent transparent;
}

.tv-select-container .sbSelector {
    cursor: default;
    display: block;
    height: 26px;
    line-height: 26px;
    outline: none;
    overflow: hidden;
    padding: 0 10px 0 23px;
    color: #333333;
}

.feature-no-touch .tv-select-container .sbSelector:hover {
    outline: none;
    text-decoration: none;
}

.tv-select-container .sbToggle {
    display: flex;
    align-items: center;
    position: absolute;
    left: 5px;
    top: 6px;
    height: 15px;
    width: 13px;
    cursor: default;
}

.tv-select-container .sbToggle .tv-caret {
    color: #4a4a4a;
}

html.theme-dark .tv-select-container .sbToggle .tv-caret {
    color: #c5cbce;
}

.tv-select-container.dialog {
    height: 25px;
    vertical-align: middle;
}

.tv-select-container.dialog .sbSelector {
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 20px;
    min-width: 80px;
    width: calc(100% - 30px);
}

.tv-select-container.dialog .sbOptions {
    min-width: 100%;
    z-index: 3;
}

.tv-select-container.dialog .sbOptions::-webkit-scrollbar {
    width: 5px;
}

.tv-select-container.dialog .sbOptions::-webkit-scrollbar-thumb {
    border: 1px solid #f2f3f5;
    border-radius: 3px;
    background-color: #9db2bd;
}

.tv-select-container.dialog .sbOptions::-webkit-scrollbar-track {
    background-color: #f2f3f5;
    border-radius: 3px;
}

.tv-select-container .sbSeparator {
    display: block;
    height: 1px;
    background: #c9cbcd;
}

.tv-select.inset+.tv-select-container {
    background: #eff3f6;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    color: #6f7073;
}

.tv-unstyled-select-container {
    position: relative;
}

.property-wide-select .tv-select-container.dialog .sbSelector {
    width: 90px;
}

.tv-report-dialog-select .sbOptions {
    max-width: 600px;
}

.tv-report-dialog-select .sbOptions a {
    overflow: hidden;
    text-overflow: ellipsis;
}

.tv-select-container .sbHolderDisabled {
    background-color: #3c3c3c;
    border: solid 1px #515151;
}

.tv-unstyled-select-container .sbOptions,
.tv-select-container .sbOptions {
    list-style: none;
    margin: 0;
    padding: 0px;
    position: absolute;
    top: 30px;
    min-width: 150px;
    z-index: 3;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid;
    border-color: #dadde0;
    overflow-x: hidden;
}

html.theme-dark .tv-unstyled-select-container .sbOptions,
html.theme-dark .tv-select-container .sbOptions {
    border-color: #363c4e;
}

html.theme-dark .tv-unstyled-select-container .sbOptions,
html.theme-dark .tv-select-container .sbOptions {
    background: #1c2030;
}

.tv-unstyled-select-container .sbOptions.tv-quandl-select,
.tv-select-container .sbOptions.tv-quandl-select {
    max-width: 350px;
}

.tv-unstyled-select-container .sbOptions.three-column-filter,
.tv-select-container .sbOptions.three-column-filter {
    width: 700px;
}

.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item:nth-child(even),
.tv-select-container .sbOptions.three-column-filter li.filter-item:nth-child(even) {
    width: 46%;
}

.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item,
.tv-select-container .sbOptions.three-column-filter li.filter-item {
    overflow: hidden;
    float: right;
    width: 54%;
    min-height: 34px;
}

.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item:first-child,
.tv-select-container .sbOptions.three-column-filter li.filter-item:first-child {
    width: 100%;
}

.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .filter,
.tv-select-container .sbOptions.three-column-filter li.filter-item .filter {
    border-bottom: 0;
}

.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .sbIcon,
.tv-select-container .sbOptions.three-column-filter li.filter-item .sbIcon {
    display: inline-block;
    width: 16px;
    height: 11px;
    margin: 0 0 3px 5px;
    vertical-align: middle;
}

.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .sbIcon.flag-btc,
.tv-select-container .sbOptions.three-column-filter li.filter-item .sbIcon.flag-btc {
    height: 16px;
    margin-bottom: 2px;
}

.tv-unstyled-select-container .sbOptions a,
.tv-select-container .sbOptions a {
    display: block;
    white-space: nowrap;
    outline: none;
    padding: 7px 12px;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #4a4a4a;
}

html.theme-dark .tv-unstyled-select-container .sbOptions a,
html.theme-dark .tv-select-container .sbOptions a {
    color: #c5cbce;
}

.tv-unstyled-select-container .sbOptions.tv-quandl-select a,
.tv-select-container .sbOptions.tv-quandl-select a {
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: none;
}

.tv-unstyled-select-container .sbOptions .spinner-container,
.tv-select-container .sbOptions .spinner-container {
    position: relative;
    height: 30px;
}

.tv-unstyled-select-container .sbOptions a:link,
.tv-select-container .sbOptions a:link,
.sbOptions a:visited {
    color: #4a4a4a;
    text-decoration: none;
}

html.theme-dark .tv-unstyled-select-container .sbOptions a:link,
html.theme-dark .tv-select-container .sbOptions a:link,
html.theme-dark .sbOptions a:visited {
    color: #c5cbce;
}

.feature-no-touch .tv-unstyled-select-container .sbOptions a:hover,
.feature-no-touch .tv-select-container .sbOptions a:hover {
    background: #f1f3f6;
}

html.feature-no-touch.theme-dark .tv-unstyled-select-container .sbOptions a:hover,
html.feature-no-touch.theme-dark .tv-select-container .sbOptions a:hover {
    background: #262b3e;
}

.tv-unstyled-select-container .sbOptions a.active,
.tv-select-container .sbOptions a.active {
    background: #f1f3f6;
    border-right: 3px solid #5cb888;
    padding-right: 9px;
    color: #333333;
}

html.theme-dark .tv-unstyled-select-container .sbOptions a.active,
html.theme-dark .tv-select-container .sbOptions a.active {
    background: #262b3e;
}

.tv-unstyled-select-container .sbOptions li.last a,
.tv-select-container .sbOptions li.last a {
    border-bottom: none;
}

.tv-unstyled-select-container .sbOptions .sbDisabled,
.tv-select-container .sbOptions .sbDisabled {
    display: block;
    padding: 7px 10px 7px 0;
}

.tv-unstyled-select-container .sbOptions .sbGroup,
.tv-select-container .sbOptions .sbGroup {
    display: block;
    font-weight: bold;
    padding: 7px 3px 7px 0;
}

.tv-unstyled-select-container .sbOptions .sbSub,
.tv-select-container .sbOptions .sbSub {
    padding-right: 17px;
}

.tv-select-container.tv-select-container-fontsize .sbSelector {
    width: 26px;
}

.tv-select-container.tv-select-container-fontsize .sbOptions {
    min-width: 54px;
}

.tv-select-container-timezone .sbOptions {
    min-width: 170px;
}


/* Text input */

.tv-text-input {
    color: #4a4a4a;
    margin: 0;
    border: 1px solid;
    border-color: #dadde0;
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 26px;
    vertical-align: top;
    padding: 0 5px;
    direction: ltr;
    text-align: right;
}

html.theme-dark .tv-text-input {
    border-color: #363c4e;
}

html.theme-dark .tv-text-input {
    color: #c5cbce;
}

.feature-no-touch .tv-text-input:focus,
.feature-touch .tv-text-input:focus {
    border-color: #3bb3e4;
}

.tv-text-input.inset {
    background: #ffffff;
}

html.theme-dark .tv-text-input.inset {
    background: #131722;
}

.tv-text-input.ticker {
    height: 25px;
    width: 60px;
}

.tv-text-input.ticker--longer-sign_8 {
    width: 72px;
}

.ticker-text {
    background: #f2f5f8;
    width: 30px !important;
    text-align: center;
}

textarea.tv-textarea {
    color: #5a5a5a;
    margin: 0;
    border: 1px solid #c9cbcd;
    padding: 0 5px;
}


/* tv-close-panel */

.tv-close-panel {
    width: 4px;
    height: 25px;
    border-color: #dadde0;
    border-width: 1px 0;
    border-style: solid;
    background-color: #f1f3f6;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

html.theme-dark .tv-close-panel {
    background-color: #363c4e;
}

html.theme-dark .tv-close-panel {
    border-color: #363c4e;
}

.tv-close-panel.left,
.hidden .tv-close-panel.right {
    background-image: url();
}

.tv-close-panel.right,
.hidden .tv-close-panel.left {
    background-image: url();
}

.tv-close-panel.top,
.tv-close-panel.bottom {
    width: 25px;
    height: 5px;
    border-width: 0 1px;
}

.tv-close-panel.top,
.hidden .tv-close-panel.bottom {
    background-image: url();
}

.tv-close-panel.bottom,
.hidden .tv-close-panel.top {
    background-image: url();
}

html,
body {
    color: #4a4a4a;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
    font-size: 14px;
    height: 100% !important;
}

html.theme-dark html,
html.theme-dark body {
    color: #c5cbce;
}

html.font-VI-lang-safe body,
body.font-VI-lang-safe {
    font-family: Arial, sans-serif;
}

body {
    background: #f2f3f5;
}

body.tv-body--bg_superdark {
    background: #2a2c39;
}

body.extension {
    min-width: 0;
    overflow: hidden;
}

img {
    border: none;
}

textarea {
    resize: none;
}

.feature-no-touch :focus,
.feature-touch :focus {
    outline: none !important;
}

input::-ms-clear {
    display: none;
}

input,
textarea {
    border-radius: 0;
}

.chart-page :not(input):not(textarea):not(.selectable),
.unselectable,
.tv-profile .tags {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.chart-page :not(input):not(textarea):not(.selectable).selectable--full,
.unselectable.selectable--full,
.tv-profile .tags.selectable--full,
.chart-page :not(input):not(textarea):not(.selectable).selectable--full :not(.unselectable),
.unselectable.selectable--full :not(.unselectable),
.tv-profile .tags.selectable--full :not(.unselectable) {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

input,
textarea,
.selectable {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.font-VI-lang-safe input,
.font-VI-lang-safe textarea,
.font-VI-lang-safe .selectable {
    font-family: Arial, sans-serif;
}


/* common */

.text-center {
    text-align: center;
}


/* footer */

#footer {
    background: #dbdbdb;
    color: #626262;
    border-top: 1px #999999 solid;
    height: 24px;
    font-size: small;
}


/* main chart */

#chart-area {
    background: transparent;
}

#chart-area,
.chart-container,
.chart-place {
    position: relative;
    touch-action: none;
}

#chart-area.fullscreen {
    position: fixed;
    z-index: 15;
    right: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

.chart-page {
    background: #e7ebee;
}

html.theme-dark .chart-page {
    background: #2f3241;
}

.chart-page .chart-container {
    position: relative;
    contain: strict;
}

.chart-page .chart-container-border {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    border: none;
    background-color: #ffffff;
    /* workaround: enforce stacking context for webkit overflow with rounded border bug */
    z-index: 0;
}

html.theme-dark .chart-page .chart-container-border {
    background-color: #131722;
}

.chart-page .chart-container.multiple.active .chart-container-border {
    border-radius: 6px;
}

.chart-page .chart-container.multiple.active:after {
    content: '';
    display: block;
    position: absolute;
    pointer-events: none;
    box-sizing: border-box;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-radius: 4px;
    border: 2px solid;
    border-color: #37a6ef;
}

html.theme-dark .chart-page .chart-container.multiple.active:after {
    border-color: #2e7bb2;
}

.chart-page .chart-container.inactive .chart-status-picture,
.chart-page .chart-container.inactive .pane-legend {
    opacity: .6;
}

.chart-page .chart-container.inactive .pane-legend-line.study,
.chart-page .chart-container.inactive .back-to-present,
.chart-page .chart-container.inactive .control-bar-wrapper {
    display: none;
}


/* view chart */


/* other */

.ui-tabs .ui-tabs-nav li a {
    font-size: x-small;
}

.input-reset {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    left: 7px;
    cursor: pointer;
    display: none;
    border-radius: 50%;
}

.input-reset:before {
    content: ' ';
    display: block;
    width: 10px;
    height: 10px;
    background: url('../images/icons.png') no-repeat -103px -340px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -5px -5px 0 0;
}

.feature-no-touch .input-reset:hover {
    background-color: #f2f5f8;
}

.feature-no-touch .input-reset:active,
.feature-touch .input-reset:active {
    opacity: 0.6;
}

.loading-indicator {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 150;
    background: #ffffff;
}

.loading-indicator img {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -58px -58px 0 0;
}

.loading-indicator img.small {
    margin: -12px -12px 0 0;
}

.ui-slider-horizontal {
    margin: 7px 0 0;
    background-color: #f4f7f9;
    border: 1px solid !important;
    border-color: #c9cbcd !important;
    height: 5px !important;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
}

html.theme-dark .ui-slider-horizontal {
    border-color: #2f3241 !important;
}

html.theme-dark .ui-slider-horizontal {
    background-color: #171b29;
}

.ui-slider-handle {
    width: 15px !important;
    height: 15px !important;
    background: url('../images/icons.png') -20px -80px !important;
    border: none !important;
    top: -5px !important;
    margin-right: -7px !important;
}

.ui-slider-horizontal.linewidth-slider {
    width: 101px;
    margin: 7px 10px;
    background: url('../images/dialogs/linewidth-slider.png') 100% 0 no-repeat !important;
    height: 12px !important;
    border: none !important;
    box-shadow: none;
    display: inline-block;
    vertical-align: middle;
}

.ui-slider-horizontal.linewidth-slider:before,
.ui-slider-horizontal.linewidth-slider:after {
    content: none;
}

.ui-slider-horizontal.transparency-slider {
    /* relative */
    width: 99px;
    height: 8px !important;
    margin: 7px 10px;
    background: url('../images/dialogs/opacity-slider.png') !important;
}

.ui-slider-horizontal.transparency-slider.wide-slider {
    width: 176px;
    margin: 7px 1px;
}

.slider-range {
    width: 155px;
    height: 5px !important;
    background: #fafafa;
    position: relative;
    top: 1px;
    right: 0 !important;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 0px !important;
}

.slider-range .ui-slider-range {
    top: 0px !important;
    height: 5px !important;
}

.slider-range .ui-slider-handle,
.slider-range .ui-slider-horizontal.transparency-slider .ui-slider-handle {
    width: 20px !important;
    height: 20px !important;
    background: url() 100% 0 no-repeat !important;
    top: 50% !important;
    margin: -10px -10px 0 0 !important;
}

.ui-slider-horizontal.transparency-slider .gradient {
    width: 92%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to left, transparent 0%, #7db9e8 100%);
}

.ui-slider-horizontal.linewidth-slider .ui-slider-handle,
.ui-slider-horizontal.transparency-slider .ui-slider-handle {
    width: 20px !important;
    height: 20px !important;
    background: url('../images/svg/chart/large-slider-handle.svg') 100% 0 no-repeat !important;
    top: 50% !important;
    margin: -10px 0 0 -10px !important;
}

.ui-slider-horizontal.linewidth-slider .ui-slider-handle.without-shift-handle-left,
.ui-slider-horizontal.transparency-slider .ui-slider-handle.without-shift-handle-left {
    margin: -10px 3px 0 -3px !important;
}

.falling,
.growing,
.search-results .symbol-last.growing,
.search-results .symbol-last.falling {
    color: white;
}

.growing {
    background: #3cbc98;
}

.falling {
    background: #ff4a68;
}

.font-awesome {
    font-weight: bold;
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: FontAwesome;
}


/* ad pack */

#chart-area .chart-promo,
#chart-container .chart-promo,
.tv-chart-view__chart-inner .chart-promo {
    display: none;
    position: absolute;
    z-index: 5;
    bottom: 55px;
    right: 10px;
    width: 0px;
    height: 80px;
    background: #ffffff;
    transition: width 0.5s ease-in-out;
}

#chart-area .chart-promo.expanded,
#chart-container .chart-promo.expanded,
.tv-chart-view__chart-inner .chart-promo.expanded {
    display: block;
    width: 330px;
    opacity: 1;
}

#chart-area .chart-promo a.chart-promo-link,
#chart-container .chart-promo a.chart-promo-link,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link {
    display: block;
    width: 330px;
    height: 80px;
    border: solid 1px #dadee1;
    border-radius: 4px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);
    color: #000000;
}

#chart-area .chart-promo a.chart-promo-link .image-promo,
#chart-container .chart-promo a.chart-promo-link .image-promo,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .image-promo {
    width: 330px;
    height: 80px;
}

#chart-area .chart-promo a.chart-promo-link .comment,
#chart-container .chart-promo a.chart-promo-link .comment,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .comment {
    margin-top: -2px;
    padding: 10px 22px 10px 128px;
    font-size: 12px;
    color: #555555;
    display: block;
    line-height: 60px;
}

#chart-area .chart-promo a.chart-promo-link .comment .comment-alignment,
#chart-container .chart-promo a.chart-promo-link .comment .comment-alignment,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .comment .comment-alignment {
    display: inline-block;
    max-height: 60px;
    overflow: hidden;
    line-height: 15px;
    white-space: pre-wrap;
    vertical-align: middle;
}

#chart-area .chart-promo a.chart-promo-link .logo,
#chart-container .chart-promo a.chart-promo-link .logo,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .logo {
    width: 128px;
    height: 80px;
    float: left;
    text-align: center;
    line-height: 80px;
}

#chart-area .chart-promo a.chart-promo-link .logo img,
#chart-container .chart-promo a.chart-promo-link .logo img,
.tv-chart-view__chart-inner .chart-promo a.chart-promo-link .logo img {
    max-width: 85px;
    max-height: 100%;
    vertical-align: middle;
}

#chart-area .chart-promo a.remove-ad,
#chart-container .chart-promo a.remove-ad,
.tv-chart-view__chart-inner .chart-promo a.remove-ad {
    background: #ecf1f4;
    position: absolute;
    left: 0;
    top: -18px;
    height: 18px;
    line-height: 18px;
    padding: 0 11px;
    color: #5cbfe7;
    font-size: 11px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    opacity: 0.8;
}

#chart-container .chart-promo,
.tv-chart-view__chart-inner .chart-promo {
    bottom: 30px;
}


/* evercookie swf fix */

#myswf {
    position: fixed;
    top: 0;
    right: 0;
}

.cookie-message {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 14px;
    z-index: 15;
    padding: 18px 20px;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.57;
    background: rgba(33, 33, 33, 0.8);
    color: #d4dde6;
}

.cookie-message.hidden {
    display: none;
}

.cookie-message .cookie-message-text {
    flex: 0 1 auto;
    vertical-align: middle;
    margin-left: 20px;
    padding: 4px 0;
}

.cookie-message .cookie-button-wrapper {
    flex: 0 0 auto;
    align-self: center;
}

.cookie-message .cookie-button--mobile {
    display: none;
}

.cookie-message a {
    color: #5cbfe7;
}

.cookie-message .tv-button {
    letter-spacing: 0.7px;
}

@media screen and (max-width:767px) {
    .cookie-message .cookie-message-text {
        flex: 1 1 auto;
    }
    .cookie-message .cookie-button {
        display: none;
    }
    .cookie-message .cookie-button.cookie-button--mobile {
        display: block;
    }
    .cookie-message .cookie-button.cookie-button--mobile svg {
        margin: 1px;
        width: 14px;
        height: 14px;
        stroke: rgba(255, 255, 255, 0.8);
        transition-property: stroke;
        transition-timing-function: linear;
    }
    .cookie-message .cookie-button-wrapper {
        align-self: flex-start;
    }
}


/* Dialogs */

._tv-dialog-shadowbox {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 110;
    -webkit-transform: translate3d(0, 0, 0);
    /* fix webkit issue. Chromium issue #139613 */
    /* stylelint-disable-line property-no-vendor-prefix */
}

._tv-dialog-shadowbox.transparent {
    background: none;
}


/*._tv-dialog-shadowbox.dark {background: rgba(0,0,0,0.5);}*/

._tv-dialog {
    position: absolute;
    min-height: 18px;
    left: 50%;
    top: 50%;
    background: #ffffff;
    border: 1px solid;
    border-color: #b5b7b9;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

html.theme-dark ._tv-dialog {
    border-color: #363c4e;
}

html.theme-dark ._tv-dialog {
    background: #1c2030;
}

._tv-dialog__link {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark ._tv-dialog__link {
    color: #299dcd;
}

._tv-dialog__link:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark ._tv-dialog__link:visited {
    fill: #299dcd;
}

html.theme-dark ._tv-dialog__link:visited {
    color: #299dcd;
}

.feature-no-touch ._tv-dialog__link:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch ._tv-dialog__link:active,
.feature-touch ._tv-dialog__link:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

._tv-dialog__indented-list {
    padding-right: 20px;
}

._tv-dialog__highlightedText {
    background-color: #fff2cf;
}

html.theme-dark ._tv-dialog__highlightedText {
    background-color: #21384d;
}

._tv-dialog__subTitle {
    margin-top: 20px;
    font-weight: bold;
    display: block;
}

._tv-dialog._tv-dialog-min-width {
    min-width: 400px;
}

._tv-dialog--open-a-chart a,
._tv-dialog--alert-email a {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark ._tv-dialog--open-a-chart a,
html.theme-dark ._tv-dialog--alert-email a {
    color: #299dcd;
}

._tv-dialog--open-a-chart a:visited,
._tv-dialog--alert-email a:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark ._tv-dialog--open-a-chart a:visited,
html.theme-dark ._tv-dialog--alert-email a:visited {
    fill: #299dcd;
}

html.theme-dark ._tv-dialog--open-a-chart a:visited,
html.theme-dark ._tv-dialog--alert-email a:visited {
    color: #299dcd;
}

.feature-no-touch ._tv-dialog--open-a-chart a:hover,
.feature-no-touch ._tv-dialog--alert-email a:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch ._tv-dialog--open-a-chart a:active,
.feature-touch ._tv-dialog--open-a-chart a:active,
.feature-no-touch ._tv-dialog--alert-email a:active,
.feature-touch ._tv-dialog--alert-email a:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

._tv-dialog.ui-resizable {
    position: absolute;
    /**
	- Describe what dialog looks like!
	- What?
	- Say 'what' again. Say 'what' again, I dare you, I double dare you motherfucker, say what one more Goddamn time!
	- It... It's white
	- Go on!
	- It's box
	- Does it look like a menu?
	- What?
	- Does it look. Like a menu?
	- No!
	- Then why you try position it relative like a menu?
	- I didn't...
	- Yes you did. Yes you did! And dialog don't like to be positioned by enybody except dialogs.less
	 */
}

._tv-dialog-title {
    color: #4c525e;
    font-weight: bold;
    font-size: 15px;
    padding: 17px 20px 17px 35px;
    cursor: default;
    word-wrap: break-word;
}

html.theme-dark ._tv-dialog-title {
    color: #d6d8e0;
}

._tv-dialog-title._tv-dialog-title-no-close {
    padding-left: 20px;
}

._tv-dialog-title._tv-dialog-title-hidden {
    padding: 0;
    font-size: 0;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

._tv-dialog-title ._tv-dialog-title-close {
    width: 21px;
    height: 21px;
    display: block;
    position: absolute;
    left: 15px;
    top: 13px;
    cursor: pointer;
    z-index: 1;
}

._tv-dialog-title ._tv-dialog-title-close:after {
    width: 9px;
    height: 9px;
    content: ' ';
    position: absolute;
    top: 6px;
    right: 6px;
    background: url();
    display: block;
}

.feature-no-touch ._tv-dialog-title ._tv-dialog-title-close:hover:after {
    background-position: center bottom;
}

._tv-dialog-content {
    color: #131722;
    max-width: 100%;
}

html.theme-dark ._tv-dialog-content {
    color: #d6d8e0;
}

._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']) {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']) {
    color: #299dcd;
}

._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):visited {
    fill: #299dcd;
}

html.theme-dark ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):visited {
    color: #299dcd;
}

.feature-no-touch ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):active,
.feature-touch ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

._tv-dialog-content .main {
    padding: 0 20px 20px 20px;
}

._tv-dialog-content .main p:first-child {
    margin-top: 0;
}

._tv-dialog-content .main p:last-child {
    margin-bottom: 0;
}

._tv-dialog-content .main .buttons {
    margin-top: 25px;
    text-align: left;
}

._tv-dialog-content .main .buttons.center {
    text-align: center;
}

._tv-dialog-content .main .buttons ._tv-button {
    min-width: 60px;
    text-transform: uppercase;
}

._tv-dialog-content .main-properties {
    padding: 25px;
}

._tv-dialog-content .main-properties.main-properties-aftertabs,
._tv-dialog-content .main-properties.alert-aftertabs {
    padding-top: 5px;
}

._tv-dialog-content .main-properties.main-properties-tabless {
    padding-top: 40px;
}

._tv-dialog-content .main-properties td {
    padding: 3px 4px;
    height: 27px;
}

._tv-dialog-content .main-properties td:empty {
    padding: 0;
}

._tv-dialog-content .main-properties td:first-child,
._tv-dialog-content .main-properties td.no-left-indent {
    padding-right: 0;
}

._tv-dialog-content .main-properties td:last-child {
    padding-left: 0;
}

._tv-dialog-content .main-properties .percents-label {
    position: relative;
    top: 5px;
    right: 5px;
}

._tv-dialog-content .main-browser-extension {
    padding: 40px 52px 40px 70px;
    padding: 0;
}

._tv-dialog-content .main-browser-extension .extension-poster {
    width: 328px;
    height: 377px;
    background: url('../images/dialogs/browser-extension/demo.png') 100% 0;
}

._tv-dialog-content .main-browser-extension .left,
._tv-dialog-content .main-browser-extension .right {
    width: 50%;
    box-sizing: border-box;
}

._tv-dialog-content .main-browser-extension .left {
    float: right;
    padding: 32px 46px 0 0;
}

._tv-dialog-content .main-browser-extension .right {
    float: left;
    padding: 51px 44px 0 70px;
}

._tv-dialog-content .main-browser-extension .logo {
    float: right;
    width: 36px;
    height: 36px;
    background-size: 36px 36px;
    margin-left: 10px;
}

._tv-dialog-content .main-browser-extension .logo.chrome {
    background: url('../images/svg/google-chrome-logo.svg') 100% 0;
}

._tv-dialog-content .main-browser-extension .name,
._tv-dialog-content .main-browser-extension .info {
    float: right;
    clear: left;
    color: #a9a9a9;
    width: 200px;
}

._tv-dialog-content .main-browser-extension .name {
    font-size: 20px;
    height: 20px;
    line-height: 20px;
}

._tv-dialog-content .main-browser-extension .info {
    font-size: 12px;
    height: 14px;
    line-height: 20px;
}

._tv-dialog-content .main-browser-extension h1 {
    margin-top: 48px;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 20px;
}

._tv-dialog-content .main-browser-extension p {
    color: #c2c5cb;
    margin: 14px 0 28px 0;
}

._tv-dialog-content .main-browser-extension .install-extension button {
    height: 42px;
    padding: 0 25px;
    line-height: 42px;
    text-align: center;
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    background: #52c3e7;
    color: #ffffff;
    cursor: pointer;
}

._tv-dialog-content .properties-separator {
    border-bottom: 1px solid #b5b7b9;
}

html.theme-dark ._tv-dialog-content .properties-separator {
    border-bottom: 1px solid #363c4e;
}

._tv-dialog-content ._tv-dialog-checkbox-mask {
    width: 18px;
    height: 16px;
    position: absolute;
    top: 2px;
    right: 2px;
    background: url('../images/dialogs/checkbox.png') 100% 0;
}

._tv-dialog-content ._tv-dialog-checkbox-mask.radio {
    background: #ffffff url('../images/icons.png');
    background-position: -100px -140px;
    width: 16px;
}

._tv-dialog-content ._tv-dialog-checkbox-mask.disabled {
    background-position: 100% -32px;
}

._tv-dialog-content ._tv-dialog-checkbox-mask-active {
    background: url('../images/dialogs/checkbox.png') 100% -16px;
}

._tv-dialog-content ._tv-dialog-checkbox-mask-active.radio {
    background-position: -120px -140px;
}

._tv-dialog-content--with-padding-top {
    padding-top: 40px;
}

._tv-dialog-content form input:not(.tv-control-input)[type='text'],
._tv-dialog-content form input[type='password'],
._tv-dialog-text-input {
    width: 100%;
    box-sizing: border-box;
    height: 33px;
    border: 1px solid #b5b7b9;
    margin: 1px;
    padding: 0 5px;
    background-color: #ffffff;
    color: #4a4a4a;
}

html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)[type='text'],
html.theme-dark ._tv-dialog-content form input[type='password'],
html.theme-dark ._tv-dialog-text-input {
    color: #c5cbce;
}

html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)[type='text'],
html.theme-dark ._tv-dialog-content form input[type='password'],
html.theme-dark ._tv-dialog-text-input {
    background-color: #1c2030;
}

html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)[type='text'],
html.theme-dark ._tv-dialog-content form input[type='password'],
html.theme-dark ._tv-dialog-text-input {
    border: 1px solid #363c4e;
}

._tv-dialog-content form input:not(.tv-control-input)[type='text']:disabled,
._tv-dialog-content form input[type='password']:disabled,
._tv-dialog-text-input:disabled {
    color: #5a5a5a;
    opacity: 0.5;
}

._tv-dialog-content ._tv-dialog-text-input {
    height: 27px;
}

._tv-dialog-text-input.disabled {
    color: #909292 !important;
}

._tv-dialog-content form input[type='text'].error,
._tv-dialog-content form input[type='password'].error {
    margin: 0;
    border: 2px solid #de5764;
    background: #f7e4e6;
    color: #e06571;
}

._tv-dialog-content textarea {
    color: #4a4a4a;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid;
    border-color: #b5b7b9;
    padding: 8px 5px;
    background: #ffffff;
    box-sizing: border-box;
}

html.theme-dark ._tv-dialog-content textarea {
    background: #1c2030;
}

html.theme-dark ._tv-dialog-content textarea {
    border-color: #363c4e;
}

html.theme-dark ._tv-dialog-content textarea {
    color: #c5cbce;
}

._tv-dialog-content textarea:disabled {
    color: #5a5a5a;
    opacity: 0.5;
}

._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive,
.feature-no-touch ._tv-dialog-text-input:focus,
.feature-touch ._tv-dialog-text-input:focus {
    background: #ffffff;
    border-color: #3bb3e4 !important;
    color: #595959;
}

html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive,
html.feature-no-touch.theme-dark ._tv-dialog-text-input:focus,
html.feature-touch.theme-dark ._tv-dialog-text-input:focus {
    color: #9db2bd;
}

html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive,
html.feature-no-touch.theme-dark ._tv-dialog-text-input:focus,
html.feature-touch.theme-dark ._tv-dialog-text-input:focus {
    background: #1c2030;
}

._tv-dialog-content textarea {
    border: 1px solid #b5b7b9;
    background: white;
}

html.theme-dark ._tv-dialog-content textarea {
    border: 1px solid #363c4e;
}

._tv-dialog-content textarea._tv-dialog-content-textareaactive {
    color: #595959;
    border-color: #3bb3e4 !important;
}

._tv-dialog-content .caption {
    font-size: 11px;
    color: #4f5966;
    margin-bottom: 3px;
    margin-top: 7px;
    font-weight: bold;
}

html.theme-dark ._tv-dialog-content .caption {
    color: #f7f8fa;
}

._tv-dialog-content .caption.half {
    float: right;
    width: 50%;
}

._tv-dialog-content .caption-big {
    font-size: 12px;
    color: #4f5966;
    margin: 15px 0;
}

html.theme-dark ._tv-dialog-content .caption-big {
    color: #f7f8fa;
}

._tv-dialog-content .caption-big-center {
    font-size: 12px;
    color: #4f5966;
    margin: 15px 0;
    text-align: center;
}

html.theme-dark ._tv-dialog-content .caption-big-center {
    color: #f7f8fa;
}

._tv-dialog-content .caption-big-center.slim {
    margin: 0;
    text-align: right;
}

._tv-dialog-content .caption-big-center.slim ul {
    padding-right: 20px;
}

._tv-dialog-content .caption-big.slim {
    margin: 0;
    text-align: right;
}

._tv-dialog-content .caption.first {
    margin-top: 0;
}

._tv-dialog-content .disconnect,
._tv-dialog-content .critical {
    padding-bottom: 15px;
}

._tv-dialog-content .disconnect ol,
._tv-dialog-content .disconnect ul {
    padding-right: 1.5em;
    margin-bottom: 0;
}

._tv-dialog-content .disconnect ul {
    list-style: square;
}

._tv-dialog-content .input input {
    width: 298px !important;
}

._tv-dialog-content .input {
    margin-bottom: 7px;
}

._tv-dialog-content .big-button ._tv-button {
    padding: 10px 50px;
    /*background: #f9f9f9;*/
    background: #ffffff;
}

.feature-no-touch ._tv-dialog-content .big-button ._tv-button:hover {
    background: #fcfcfc;
}

._tv-dialog-content label {
    color: #4a4a4a;
}

html.theme-dark ._tv-dialog-content label {
    color: #c5cbce;
}


/*._tv-dialog-content input[type="checkbox"]{opacity: 0;}*/

.feature-no-touch ._tv-dialog-content .flat:hover::before {
    border-width: 0 !important;
}

._tv-dialog-error,
._tv-dialog-message {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    font-size: 12px;
    z-index: 100;
    text-align: center;
}

._tv-dialog-error .message,
._tv-dialog-message .message {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    height: 32px;
}

._tv-dialog-error .close,
._tv-dialog-message .close {
    display: none;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 9px;
    height: 9px;
    border: transparent 4px solid;
    cursor: pointer;
    opacity: 0.7;
}

.feature-no-touch ._tv-dialog-error .close:hover,
.feature-no-touch ._tv-dialog-message .close:hover {
    opacity: 1;
}

._tv-dialog-error.with-close .message,
._tv-dialog-message.with-close .message {
    padding: 10px 30px;
}

._tv-dialog-error.with-close .close,
._tv-dialog-message.with-close .close {
    display: block;
}

._tv-dialog-error a,
._tv-dialog-message a {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark ._tv-dialog-error a,
html.theme-dark ._tv-dialog-message a {
    color: #299dcd;
}

._tv-dialog-error a:visited,
._tv-dialog-message a:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark ._tv-dialog-error a:visited,
html.theme-dark ._tv-dialog-message a:visited {
    fill: #299dcd;
}

html.theme-dark ._tv-dialog-error a:visited,
html.theme-dark ._tv-dialog-message a:visited {
    color: #299dcd;
}

.feature-no-touch ._tv-dialog-error a:hover,
.feature-no-touch ._tv-dialog-message a:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch ._tv-dialog-error a:active,
.feature-touch ._tv-dialog-error a:active,
.feature-no-touch ._tv-dialog-message a:active,
.feature-touch ._tv-dialog-message a:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

._tv-dialog-error {
    color: #c34c36;
    background: #f9e3e6;
}

html.theme-dark ._tv-dialog-error {
    background: #6f2626;
}

html.theme-dark ._tv-dialog-error {
    color: #ffedf0;
}

._tv-dialog-error .close {
    fill: #9b0202;
}

html.theme-dark ._tv-dialog-error .close {
    fill: #ffa4b3;
}

._tv-dialog-message {
    color: #0a8415;
    background: #e2fde1;
}

html.theme-dark ._tv-dialog-message {
    background: #21384d;
}

html.theme-dark ._tv-dialog-message {
    color: #9addcc;
}

._tv-dialog-message .close {
    fill: #096201;
}

html.theme-dark ._tv-dialog-message .close {
    fill: #3bc2a1;
}

._tv-dialog-content .dialog-buttons {
    text-align: left;
    margin-top: 10px;
}

._tv-dialog-content .dialog-comment {
    float: right;
    margin-top: 15px;
}

._tv-dialog-content .dialog-buttons a {
    margin: 0 5px 0 0;
    min-width: 50px;
    text-align: center;
    position: relative;
}

._tv-dialog-content .dialog-buttons a.tv-left {
    margin: 0 0 0 5px;
}

._tv-dialog .ui-resizable-handle {
    width: 11px;
    height: 11px;
    background: url('../images/dialogs/resize-handle.png') 100% 0 no-repeat;
}

._tv-dialog.change-interval-dialog ._tv-dialog-title {
    text-align: center;
    font-size: 13px;
    padding: 28px 0 23px;
}

._tv-dialog.change-interval-dialog ._tv-dialog-content {
    padding: 0 50px 13px;
    text-align: center;
}

._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input {
    box-sizing: border-box;
    display: block;
    width: 150px;
    height: 76px;
    border: #3bb3e4 1px solid;
    text-align: inherit;
    font-size: 43px;
    color: #4a4a4a;
    background-color: #ffffff;
    text-transform: uppercase;
}

html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input {
    background-color: #2f3241;
}

html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input {
    color: #c5cbce;
}

._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input.error {
    border-color: #d75442;
    background-color: #ffefef;
}

._tv-dialog.change-interval-dialog ._tv-dialog-content i {
    display: block;
    font-style: normal;
}

._tv-dialog.change-interval-dialog ._tv-dialog-content i.interval-caption {
    margin: 8px 0 15px;
    color: #a8a8a8;
    font-size: 12px;
    font-weight: 600;
    cursor: default;
}

._tv-dialog.change-interval-dialog ._tv-dialog-content i.interval-caption.error {
    color: #d75442;
}

._tv-dialog.change-interval-dialog ._tv-dialog-content i.help-tooltip-trigger {
    margin: 0 auto;
    width: 12px;
    height: 12px;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
    border: 1px solid;
    border-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: default;
}

html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content i.help-tooltip-trigger {
    border-color: rgba(157, 178, 189, 0.5);
}

._tv-dialog-charting-library._tv-dialog {
    font-size: 14px;
    font-weight: normal;
    background: #f2f5f8;
}

._tv-dialog-charting-library .main {
    padding: 0 20px 20px 20px;
}

._tv-dialog-charting-library .line {
    height: 1px;
    background: #ced5db;
    overflow: hidden;
}

._tv-dialog-charting-library .lead-in {
    margin-bottom: 5px;
}

._tv-dialog-charting-library h3 {
    font-size: 26px;
    font-weight: normal;
    text-transform: uppercase;
    color: #26282f;
    margin: 0px;
}

._tv-dialog-charting-library p,
._tv-dialog-charting-library li {
    line-height: 28px;
    margin: 0;
}

._tv-dialog-charting-library p,
._tv-dialog-charting-library ul {
    margin: 12px 1px;
}

._tv-dialog-charting-library form .dropzone {
    margin: 1px;
    border: 1px dashed rgba(0, 0, 0, 0.3);
    background: white;
    display: inline-block;
    padding: 20px 0px;
    width: 140px;
    height: 110px;
    float: right;
    box-sizing: border-box;
}

._tv-dialog-charting-library form .dropzone * {
    box-sizing: border-box;
}

._tv-dialog-charting-library form .dropzone.dz-clickable {
    cursor: pointer;
}

._tv-dialog-charting-library form .dropzone.dz-started .dz-message {
    display: none;
}

._tv-dialog-charting-library form .dropzone.dz-drag-hover {
    border-style: solid;
}

._tv-dialog-charting-library form .dropzone.dz-drag-hover .dz-message {
    opacity: 0.5;
}

._tv-dialog-charting-library form .dropzone .dz-message {
    text-align: center;
}

._tv-dialog-charting-library form .dropzone .dz-message .link {
    color: #0099d4;
}

._tv-dialog-charting-library form .dropzone .dz-filename {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: lowercase;
}

._tv-dialog-charting-library form .dropzone .dz-filename span {
    padding: 0 0.4em;
}

._tv-dialog-charting-library form .dropzone .dz-icon {
    padding: 1px 42px;
}

._tv-dialog-charting-library form .dropzone .dz-remove {
    fill: #ff6565;
    position: relative;
    top: -80px;
    right: 110px;
}

.feature-no-touch ._tv-dialog-charting-library form .dropzone .dz-remove:hover {
    fill: red;
}

._tv-dialog-charting-library form>div {
    margin-bottom: 12px;
}

._tv-dialog-charting-library form .description {
    margin: 6px 0;
}

._tv-dialog-charting-library form .agreement {
    margin-bottom: 10px;
}

._tv-dialog-charting-library form .agreement .description {
    display: inline-block;
    padding: 27px 5px;
    width: 388px;
}

._tv-dialog-charting-library form textarea {
    width: 100%;
    height: 90px;
    margin: 1px;
}

._tv-dialog-charting-library form .attach {
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
}

._tv-dialog-charting-library form input[type='text'].error {
    margin: 1px;
}

._tv-dialog-charting-library form .two-columns .column-wrap {
    box-sizing: border-box;
    display: inline-block;
    width: 50%;
}

._tv-dialog-charting-library form .two-columns .column-wrap:first-child {
    padding-left: 10px;
}

._tv-dialog-charting-library .big-buttons {
    text-align: left;
    padding: 10px 0 10px;
}

._tv-dialog-charting-library .big-buttons .cancel-button {
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 15px;
    margin: 0px 15px;
    color: #686868;
    background: #f2f5f8;
}

._tv-dialog-charting-library .big-buttons .big-button {
    cursor: pointer;
    border: 1px solid transparent;
    background-color: #06b2ce;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    padding: 10px 45px;
    /* image preloading */
    background-image: url('../images/button-base-process.gif');
    background-position: -9999px -9999px;
    background-repeat: no-repeat;
}

._tv-dialog-charting-library .big-buttons .big-button.process {
    background-position: 100% 0;
    background-repeat: repeat;
}

.feature-no-touch ._tv-dialog-charting-library .big-buttons .big-button:hover {
    background-color: #06bbd8;
}

.feature-no-touch ._tv-dialog-charting-library .big-buttons .big-button:active,
.feature-touch ._tv-dialog-charting-library .big-buttons .big-button:active {
    background-color: #07c3e2;
}

._tv-dialog-charting-library .big-buttons .big-button.disabled {
    cursor: default;
    background-color: #c3c8cf;
}

._tv-dialog.dialog-highlight .main .message textarea {
    width: 350px;
    height: 130px;
}

.charts-popup-list {
    display: none;
    overflow: auto;
    left: 7px;
    top: 46px;
    position: absolute;
    border: 1px solid;
    border-color: #dadde0;
    background: #ffffff;
    z-index: 110;
    margin: 0;
}

html.theme-dark .charts-popup-list {
    background: #1c2030;
}

html.theme-dark .charts-popup-list {
    border-color: #363c4e;
}

.charts-popup-list.popup-menu-scroll-y {
    overflow-y: scroll;
}

.charts-popup-list .item.special {
    background: rgba(247, 248, 250, 0.8);
}

html.theme-dark .charts-popup-list .item.special {
    background: rgba(23, 27, 41, 0.8);
}

.feature-no-touch .charts-popup-list .item:hover,
.charts-popup-list .item.active {
    background: #f1f3f6;
}

html.feature-no-touch.theme-dark .charts-popup-list .item:hover,
html.theme-dark .charts-popup-list .item.active {
    background: #2f3241;
}

.charts-popup-list .item.first {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.charts-popup-list .item:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.charts-popup-list .item span {
    color: #4a4a4a;
    fill: currentColor;
    display: inline-block;
}

html.theme-dark .charts-popup-list .item span {
    color: #c5cbce;
}

.charts-popup-list .item.active {
    background: #f4f7f9;
}

.charts-popup-list .item {
    display: block;
    padding: 7px 7px 7px 7px;
    height: 16px;
    position: relative;
    overflow: hidden;
}

.charts-popup-list .item.setting-hidden {
    padding-right: 28px;
    padding-left: 16px;
}

.charts-popup-list .item.setting-hidden>span.title-expanded {
    width: auto;
}

.charts-popup-list .item.button-new,
.charts-popup-list .item.button-load {
    overflow: hidden;
    text-align: center;
    border-color: #dadde0;
    border-style: solid;
    border-width: 1px 0 0 0;
    padding-right: 0;
    padding-left: 0;
}

html.theme-dark .charts-popup-list .item.button-new,
html.theme-dark .charts-popup-list .item.button-load {
    border-color: #363c4e;
}

.charts-popup-list .item.button-new .title-expanded,
.charts-popup-list .item.button-load .title-expanded {
    width: auto;
}

.charts-popup-list .item.button-load {
    width: 50%;
    float: right;
    border-width: 1px 0 0 1px;
}

.charts-popup-list .item .icon-external {
    margin-right: 20px;
    vertical-align: top;
    float: left;
}

.charts-popup-list .item .icon-external svg {
    width: 10px;
    height: 10px;
}

.charts-popup-list .item:last-child {
    border-bottom-right-radius: 3px;
}

.charts-popup-list .item.special.disabled {
    cursor: default;
}

.charts-popup-list .item.special.disabled span {
    color: #9d9d9d;
}

html.theme-dark .charts-popup-list .item.special.disabled span {
    color: #4c525e;
}

.feature-no-touch .charts-popup-list .item.special.disabled:hover {
    background: rgba(247, 248, 250, 0.8);
}

html.feature-no-touch.theme-dark .charts-popup-list .item.special.disabled:hover {
    background: rgba(23, 27, 41, 0.8);
}

.charts-popup-list .item .title {
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.charts-popup-list .item .title-expanded {
    width: 225px;
    max-width: 100%;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.charts-popup-list .item.active-item-backlight {
    background-color: #f2f3f5;
    border-radius: 0px;
}

html.theme-dark .charts-popup-list .item.active-item-backlight {
    background-color: #2f3241;
}

.charts-popup-list .item .date {
    width: 65px;
    padding-left: 20px;
    vertical-align: top;
    white-space: nowrap;
    float: left;
}

.charts-popup-list .separator {
    display: block;
    margin: 0;
    height: 0;
    overflow: hidden;
    border-top: 1px solid;
    border-top-color: #c9cbcd;
}

html.theme-dark .charts-popup-list .separator {
    border-top-color: #363c4e;
}

.charts-popup-list .charts-popup-tab-headers {
    overflow: hidden;
    padding: 8px 0 8px 0;
    font-size: 14px;
}

.charts-popup-list .charts-popup-tab-header {
    float: right;
    margin: 0 10px 5px 10px;
}

.charts-popup-list .charts-popup-tab-header-label {
    padding: 0;
    font-weight: bold;
    border-bottom: dashed 1px;
    cursor: pointer;
}

.charts-popup-list .charts-popup-tab-header.active .charts-popup-tab-header-label {
    color: #595959;
    border-bottom: none;
    cursor: default;
}

.charts-popup-list .item.with-indent {
    padding-right: 28px;
}


/* delete button */

.charts-popup-list .item .icon-delete {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    left: 5px;
}

.charts-popup-list .item .icon-delete svg {
    display: block;
    width: 12px;
    height: 12px;
    margin: 2px 2px 0 0;
    fill: #9d9d9d;
}

.feature-no-touch .charts-popup-list .item .icon-delete:hover svg {
    fill: #7d7d7d;
}

.feature-no-touch .charts-popup-list .item .icon-delete:hover {
    background-position: -81px -362px;
}

.charts-popup-list .item .icon-delete {
    visibility: hidden;
}

.feature-no-touch .charts-popup-list .item:hover .icon-delete {
    visibility: visible;
}

.charts-popup-list .item .icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 0 0 5px;
    vertical-align: top;
    background-position: 0 0;
}

.charts-popup-list .item .icon.checked-icon svg {
    position: absolute;
    top: 3px;
    right: 2px;
}

.charts-popup-list.iconed .item {
    height: 32px;
    padding: 3px 2px;
    line-height: 34px;
}

.charts-popup-list.iconed .item {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.charts-popup-list.iconed .item .title {
    /*height: 30px; line-height: 30px;*/
    padding-left: 20px;
}

.charts-popup-list.iconed .item .icon {
    width: 32px;
    height: 32px;
    margin: 0 5px;
}

.charts-popup-list.iconed.thin .title {
    width: 50px;
}

.charts-popup-list.narrow {
    width: 165px;
}

.charts-popup-list.narrow .item .title-expanded {
    width: 140px;
}

.charts-popup-list.narrow.with-scroll .item .title-expanded {
    width: 100px;
}

.charts-popup-list.thin {
    width: auto;
}

.charts-popup-list.thin .item .title-expanded {
    width: auto;
}

.charts-popup-list .item .counter {
    position: absolute;
    top: 8px;
    left: 10px;
    color: #b8b8b8;
}

.feature-no-touch .charts-popup-list .item:hover .counter {
    color: #595959;
}

.charts-popup-list .item .counter.blue {
    background: #4e8ff6;
    color: white;
    padding: 2px 3px;
    border-radius: 2px;
    top: 5px;
}

.charts-popup-list .item.grayed span {
    opacity: 0.3;
}

.charts-popup-list.small-font {
    font-size: 12px;
}

.charts-popup-list.small-font .item {
    height: 12px;
}

.charts-popup-itemheader {
    padding: 3px 8px 4px 8px;
    border-top: 1px solid;
    border-top-color: #b5b7b9;
    cursor: pointer;
    color: #4a4a4a;
    background: rgba(181, 183, 185, 0.2);
}

html.theme-dark .charts-popup-itemheader {
    background: rgba(54, 60, 78, 0.2);
}

html.theme-dark .charts-popup-itemheader {
    color: #c5cbce;
}

html.theme-dark .charts-popup-itemheader {
    border-top-color: #363c4e;
}

.charts-popup-group-collapsible.collapsed .item {
    display: none;
}

.charts-popup-group-collapsible .charts-popup-itemheader-icon {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    width: 11px;
    height: 11px;
    margin: 0 -3px 0 5px;
    background: url() no-repeat;
}

.charts-popup-group-collapsible.collapsed .charts-popup-itemheader-icon {
    background-image: url();
}


/**
 * Usage:
 *	<button class="tv-button tv-button--success tv-button--size_xsmall">Push me!</button>
 */

.tv-button {
    /**
	 * Helpers
	 */
    /**
	 * This Block
	 */
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-width: 40px;
    margin: 0;
    padding: 1px 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #757575;
    fill: currentColor;
    border: none;
    border-radius: 4px;
    outline: 0;
    background-color: transparent;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transition: background-color ease 0.35s, border-color ease 0.35s, color ease 0.35s;
    /**
	 * Elements
	 */
    /**
	 * Colored background
	 */
    /**
	 * Ripple effect
	 */
    /**
	 * Disabled Button
	 */
    /**
	 * Sizes
	 */
    /**
	 * State
	 */
    /**
	 * Preloader
	 */
}

.tv-button.tv-button--default_ghost,
.tv-button.tv-button--primary_ghost,
.tv-button.tv-button--secondary_ghost,
.tv-button.tv-button--success_ghost,
.tv-button.tv-button--danger_ghost,
.tv-button.tv-button--warning_ghost,
.tv-button.tv-button--default,
.tv-button.tv-button--state {
    padding: 0px 21px;
}

.feature-no-touch .tv-button:hover,
.feature-no-touch .tv-button:active,
.feature-touch .tv-button:active,
.tv-button.i-hover,
.tv-button.i-active {
    transition-duration: 0.06s;
}

.tv-button svg {
    vertical-align: middle;
}

.tv-button--block {
    display: block;
    width: 100%;
    text-align: center;
}

.tv-button+.tv-button {
    margin-right: 15px;
}

.tv-button__text {
    position: relative;
    display: inline-block;
}

.tv-button__text--full-height {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.2em;
    margin: 11px 5px;
}

.tv-button--default,
.tv-button--default_ghost {
    color: #fff;
    border-color: #ffffff;
    background-color: #ffffff;
}

html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost {
    background-color: #171b29;
}

html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost {
    border-color: #171b29;
}

.tv-button--default_ghost {
    color: #ffffff;
}

html.theme-dark .tv-button--default_ghost {
    color: #171b29;
}

.tv-button--default_ghost.i-checked {
    color: #fff;
    border-color: #ffffff;
    background-color: #ffffff;
}

html.theme-dark .tv-button--default_ghost.i-checked {
    background-color: #171b29;
}

html.theme-dark .tv-button--default_ghost.i-checked {
    border-color: #171b29;
}

.feature-no-touch .tv-button--default:hover,
.feature-no-touch .tv-button--default_ghost:hover,
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
    color: #fff;
    border-color: #f2f2f2;
    background-color: #f2f2f2;
}

html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
    background-color: #1c2030;
}

html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
    border-color: #1c2030;
}

.feature-no-touch .tv-button--default:active,
.feature-touch .tv-button--default:active,
.feature-no-touch .tv-button--default_ghost:active,
.feature-touch .tv-button--default_ghost:active,
.tv-button--default.i-active,
.tv-button--default_ghost.i-active {
    color: #fff;
    border-color: #ececec;
    background-color: #ececec;
    transform: translateY(1px);
}

html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
    background-color: #1c2030;
}

html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
    border-color: #1c2030;
}

.tv-button--default,
.tv-button--default_ghost,
.tv-button--default.i-checked,
.tv-button--default_ghost.i-checked {
    color: #757575;
    border: 1px solid;
    border-color: #b5b7b9;
}

html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--default.i-checked,
html.theme-dark .tv-button--default_ghost.i-checked {
    border-color: #363c4e;
}

html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--default.i-checked,
html.theme-dark .tv-button--default_ghost.i-checked {
    color: #758696;
}

.feature-no-touch .tv-button--default:hover,
.feature-no-touch .tv-button--default_ghost:hover,
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
    color: #757575;
    border-color: #b5b7b9;
}

html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
    border-color: #363c4e;
}

html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
    color: #758696;
}

.feature-no-touch .tv-button--default:active,
.feature-touch .tv-button--default:active,
.feature-no-touch .tv-button--default_ghost:active,
.feature-touch .tv-button--default_ghost:active,
.tv-button--default.i-active,
.tv-button--default_ghost.i-active {
    color: #757575;
    border-color: #b5b7b9;
}

html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
    border-color: #363c4e;
}

html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
    color: #758696;
}

.tv-button--primary,
.tv-button--primary_ghost {
    color: #fff;
    border-color: #3bb3e4;
    background-color: #3bb3e4;
}

.tv-button--primary_ghost {
    color: #3bb3e4;
}

.tv-button--primary_ghost.i-checked {
    color: #fff;
    border-color: #3bb3e4;
    background-color: #3bb3e4;
}

.feature-no-touch .tv-button--primary:hover,
.feature-no-touch .tv-button--primary_ghost:hover,
.tv-button--primary.i-hover,
.tv-button--primary_ghost.i-hover {
    color: #fff;
    border-color: #3babd8;
    background-color: #3babd8;
}

.feature-no-touch .tv-button--primary:active,
.feature-touch .tv-button--primary:active,
.feature-no-touch .tv-button--primary_ghost:active,
.feature-touch .tv-button--primary_ghost:active,
.tv-button--primary.i-active,
.tv-button--primary_ghost.i-active {
    color: #fff;
    border-color: #049ddc;
    background-color: #049ddc;
    transform: translateY(1px);
}

.tv-button--secondary,
.tv-button--secondary_ghost {
    color: #757575;
    border-color: #e9eff2;
    background-color: #e9eff2;
}

.tv-button--secondary_ghost {
    color: #757575;
}

.tv-button--secondary_ghost.i-checked {
    color: #757575;
    border-color: #e9eff2;
    background-color: #e9eff2;
}

.feature-no-touch .tv-button--secondary:hover,
.feature-no-touch .tv-button--secondary_ghost:hover,
.tv-button--secondary.i-hover,
.tv-button--secondary_ghost.i-hover {
    color: #757575;
    border-color: #dce6ea;
    background-color: #dce6ea;
}

.feature-no-touch .tv-button--secondary:active,
.feature-touch .tv-button--secondary:active,
.feature-no-touch .tv-button--secondary_ghost:active,
.feature-touch .tv-button--secondary_ghost:active,
.tv-button--secondary.i-active,
.tv-button--secondary_ghost.i-active {
    color: #757575;
    border-color: #cfdce3;
    background-color: #cfdce3;
    transform: translateY(1px);
}

.tv-button--success,
.tv-button--success_ghost {
    color: #fff;
    border-color: #3cbc98;
    background-color: #3cbc98;
}

.tv-button--success_ghost {
    color: #3cbc98;
}

.tv-button--success_ghost.i-checked {
    color: #fff;
    border-color: #3cbc98;
    background-color: #3cbc98;
}

.feature-no-touch .tv-button--success:hover,
.feature-no-touch .tv-button--success_ghost:hover,
.tv-button--success.i-hover,
.tv-button--success_ghost.i-hover {
    color: #fff;
    border-color: #38b395;
    background-color: #38b395;
}

.feature-no-touch .tv-button--success:active,
.feature-touch .tv-button--success:active,
.feature-no-touch .tv-button--success_ghost:active,
.feature-touch .tv-button--success_ghost:active,
.tv-button--success.i-active,
.tv-button--success_ghost.i-active {
    color: #fff;
    border-color: #00a97f;
    background-color: #00a97f;
    transform: translateY(1px);
}

.tv-button--danger,
.tv-button--danger_ghost {
    color: #fff;
    border-color: #ff4a68;
    background-color: #ff4a68;
}

.tv-button--danger_ghost {
    color: #ff4a68;
}

.tv-button--danger_ghost.i-checked {
    color: #fff;
    border-color: #ff4a68;
    background-color: #ff4a68;
}

.feature-no-touch .tv-button--danger:hover,
.feature-no-touch .tv-button--danger_ghost:hover,
.tv-button--danger.i-hover,
.tv-button--danger_ghost.i-hover {
    color: #fff;
    border-color: #f24965;
    background-color: #f24965;
}

.feature-no-touch .tv-button--danger:active,
.feature-touch .tv-button--danger:active,
.feature-no-touch .tv-button--danger_ghost:active,
.feature-touch .tv-button--danger_ghost:active,
.tv-button--danger.i-active,
.tv-button--danger_ghost.i-active {
    color: #fff;
    border-color: #ff173e;
    background-color: #ff173e;
    transform: translateY(1px);
}

.tv-button--warning,
.tv-button--warning_ghost {
    color: #fff;
    border-color: #f89e30;
    background-color: #f89e30;
}

.tv-button--warning_ghost {
    color: #f89e30;
}

.tv-button--warning_ghost.i-checked {
    color: #fff;
    border-color: #f89e30;
    background-color: #f89e30;
}

.feature-no-touch .tv-button--warning:hover,
.feature-no-touch .tv-button--warning_ghost:hover,
.tv-button--warning.i-hover,
.tv-button--warning_ghost.i-hover {
    color: #fff;
    border-color: #f79217;
    background-color: #f79217;
}

.feature-no-touch .tv-button--warning:active,
.feature-touch .tv-button--warning:active,
.feature-no-touch .tv-button--warning_ghost:active,
.feature-touch .tv-button--warning_ghost:active,
.tv-button--warning.i-active,
.tv-button--warning_ghost.i-active {
    color: #fff;
    border-color: #d47807;
    background-color: #d47807;
    transform: translateY(1px);
}

.tv-button--link {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark .tv-button--link {
    color: #299dcd;
}

.tv-button--link:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark .tv-button--link:visited {
    fill: #299dcd;
}

html.theme-dark .tv-button--link:visited {
    color: #299dcd;
}

.feature-no-touch .tv-button--link:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .tv-button--link:active,
.feature-touch .tv-button--link:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

.tv-button--default_ghost,
.tv-button--primary_ghost,
.tv-button--secondary_ghost,
.tv-button--success_ghost,
.tv-button--danger_ghost,
.tv-button--warning_ghost {
    border-width: 1px;
    border-style: solid;
    background-color: transparent;
}

.tv-button--default_ghost.tv-button--size_large,
.tv-button--primary_ghost.tv-button--size_large,
.tv-button--secondary_ghost.tv-button--size_large,
.tv-button--success_ghost.tv-button--size_large,
.tv-button--danger_ghost.tv-button--size_large,
.tv-button--warning_ghost.tv-button--size_large {
    border-width: 2px;
}

.tv-button .tv-ripple {
    background-color: rgba(255, 255, 255, 0.25);
}

.tv-button--default .tv-ripple,
.tv-button--default_ghost .tv-ripple {
    background-color: rgba(117, 134, 150, 0.25);
}

.tv-button.i-disabled .tv-ripple {
    background-color: transparent;
}

.tv-button:disabled,
.tv-button.i-disabled,
.feature-no-touch .tv-button:disabled:hover,
.feature-no-touch .tv-button.i-disabled:hover,
.feature-no-touch .tv-button:disabled:active,
.feature-touch .tv-button:disabled:active,
.feature-no-touch .tv-button.i-disabled:active,
.feature-touch .tv-button.i-disabled:active {
    cursor: default;
    color: #9db2bd;
    border-color: #f1f3f6;
    background-color: #f1f3f6;
}

html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
    background-color: #262b3e;
}

html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
    border-color: #262b3e;
}

html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
    color: #363c4e;
}

.feature-no-touch .tv-button:disabled:active,
.feature-touch .tv-button:disabled:active,
.feature-no-touch .tv-button.i-disabled:active,
.feature-touch .tv-button.i-disabled:active {
    transform: translateY(0);
}

.tv-button--size_xsmall {
    padding: 2px 7px;
    line-height: 15px;
    border-radius: 1px;
    font-size: 11px;
    font-weight: normal;
}

.tv-button--size_xsmall.tv-button--default_ghost,
.tv-button--size_xsmall.tv-button--primary_ghost,
.tv-button--size_xsmall.tv-button--secondary_ghost,
.tv-button--size_xsmall.tv-button--success_ghost,
.tv-button--size_xsmall.tv-button--danger_ghost,
.tv-button--size_xsmall.tv-button--warning_ghost,
.tv-button--size_xsmall.tv-button--default,
.tv-button--size_xsmall.tv-button--state {
    padding: 1px 6px;
}

.tv-button--size_xsmall+.tv-button--size_xsmall {
    margin-right: 10px;
}

.tv-button--size_small {
    padding: 1px 12px;
    line-height: 25px;
    font-size: 13px;
}

.tv-button--size_small.tv-button--default_ghost,
.tv-button--size_small.tv-button--primary_ghost,
.tv-button--size_small.tv-button--secondary_ghost,
.tv-button--size_small.tv-button--success_ghost,
.tv-button--size_small.tv-button--danger_ghost,
.tv-button--size_small.tv-button--warning_ghost,
.tv-button--size_small.tv-button--default,
.tv-button--size_small.tv-button--state {
    padding: 0px 11px;
}

.tv-button--size_small+.tv-button--size_small {
    margin-right: 10px;
}

.tv-button--size_large {
    padding: 1px 30px;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 44px;
}

.tv-button--size_large.tv-button--default_ghost,
.tv-button--size_large.tv-button--primary_ghost,
.tv-button--size_large.tv-button--secondary_ghost,
.tv-button--size_large.tv-button--success_ghost,
.tv-button--size_large.tv-button--danger_ghost,
.tv-button--size_large.tv-button--warning_ghost,
.tv-button--size_large.tv-button--default,
.tv-button--size_large.tv-button--state {
    padding: 0px 29px;
}

.tv-button--max-width {
    max-width: 300px;
}

.tv-button--no-padding {
    padding: 1px 1px;
}

.tv-button--no-padding.tv-button--default_ghost,
.tv-button--no-padding.tv-button--primary_ghost,
.tv-button--no-padding.tv-button--secondary_ghost,
.tv-button--no-padding.tv-button--success_ghost,
.tv-button--no-padding.tv-button--danger_ghost,
.tv-button--no-padding.tv-button--warning_ghost,
.tv-button--no-padding.tv-button--default,
.tv-button--no-padding.tv-button--state {
    padding: 0px 0px;
}

.tv-button--content-center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 auto;
    max-width: 220px;
}

.tv-button--state {
    text-align: center;
    background: transparent;
    border-width: 1px;
    border-style: solid;
}

.tv-button--state:after {
    content: '';
    display: inline-block;
}

.tv-button--state__checked,
.tv-button--state__unchecked,
.tv-button--state__uncheck-hint {
    display: block;
    height: 0;
    transition: opacity ease 0.2625s, transform ease 0.2625s;
}

.tv-button--state__ellipsis-text {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__unchecked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
    will-change: opacity, transform;
}

.tv-button--state__checked,
.tv-button--state__uncheck-hint,
.tv-button--state.i-checked .tv-button--state__unchecked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked {
    opacity: 0;
}

.tv-button--state__unchecked,
.tv-button--state.i-checked .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
    opacity: 1;
}

.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked {
    transform: translateY(-5px);
}

.tv-button--state__uncheck-hint,
.tv-button--state__checked,
.tv-button--state.i-checked .tv-button--state__unchecked {
    transform: translateY(5px);
}

.tv-button--state.i-checked .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
    transform: translateY(0);
}

.tv-button--state.tv-button--success {
    color: #3cbc98;
    background-color: transparent;
}

.tv-button--state.tv-button--success.i-checked {
    color: #ffffff;
    background-color: #3cbc98;
}

.feature-no-touch .tv-button--state.tv-button--success:hover {
    color: #ffffff;
    background-color: #38b395;
}

.feature-no-touch .tv-button--state.tv-button--success:active,
.feature-touch .tv-button--state.tv-button--success:active {
    color: #ffffff;
    background-color: #00a97f;
}

.tv-button--state.tv-button--danger {
    color: #ff4a68;
    background-color: transparent;
}

.tv-button--state.tv-button--danger.i-checked {
    color: #ffffff;
    background-color: #ff4a68;
}

.feature-no-touch .tv-button--state.tv-button--danger:hover {
    color: #ffffff;
    background-color: #f24965;
}

.feature-no-touch .tv-button--state.tv-button--danger:active,
.feature-touch .tv-button--state.tv-button--danger:active {
    color: #ffffff;
    background-color: #ff173e;
}

.tv-button--state.tv-button--primary {
    color: #3bb3e4;
    background-color: transparent;
}

.tv-button--state.tv-button--primary.i-checked {
    color: #ffffff;
    background-color: #3bb3e4;
}

.feature-no-touch .tv-button--state.tv-button--primary:hover {
    color: #ffffff;
    background-color: #3babd8;
}

.feature-no-touch .tv-button--state.tv-button--primary:active,
.feature-touch .tv-button--state.tv-button--primary:active {
    color: #ffffff;
    background-color: #049ddc;
}

.tv-button--state.tv-button--secondary {
    color: #757575;
    background-color: transparent;
}

.tv-button--state.tv-button--secondary.i-checked {
    color: #757575;
    background-color: #e9eff2;
}

.feature-no-touch .tv-button--state.tv-button--secondary:hover {
    color: #757575;
    background-color: #dce6ea;
}

.feature-no-touch .tv-button--state.tv-button--secondary:active,
.feature-touch .tv-button--state.tv-button--secondary:active {
    color: #757575;
    background-color: #cfdce3;
}

.tv-button--state.tv-button--warning {
    color: #f89e30;
    background-color: transparent;
}

.tv-button--state.tv-button--warning.i-checked {
    color: #ffffff;
    background-color: #f89e30;
}

.feature-no-touch .tv-button--state.tv-button--warning:hover {
    color: #ffffff;
    background-color: #f79217;
}

.feature-no-touch .tv-button--state.tv-button--warning:active,
.feature-touch .tv-button--state.tv-button--warning:active {
    color: #ffffff;
    background-color: #d47807;
}

.tv-button--loader .tv-button__text {
    transition: opacity ease 0.175s, transform ease 0.175s;
}

.tv-button--loader.i-start-load .tv-button__text {
    opacity: 0;
    transform: translateY(-5px);
}

.tv-button--loader.i-loading .tv-button__text {
    opacity: 0;
    transform: translateY(5px);
}

.tv-button--loader.i-stop-load .tv-button__text {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.175s;
}

.tv-button__loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    opacity: 0;
    transition: opacity ease 0.35s;
}

.tv-button__loader:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.tv-button--loader.i-loading .tv-button__loader,
.tv-button--loader.i-start-load .tv-button__loader {
    opacity: 1;
}

.tv-button--loader.i-stop-load .tv-button__loader {
    opacity: 0;
}

.tv-button__loader-item {
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    opacity: 0;
    border-radius: 100%;
    background-color: #ffffff;
    transform: translateY(12px) scale(0.6);
    transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s, opacity ease 0.35s;
}

.tv-button__loader-item:nth-child(2) {
    transition-delay: 0.11666667s;
}

.tv-button__loader-item:nth-child(3) {
    transition-delay: 0.23333333s;
}

.tv-button--default .tv-button__loader-item {
    background-color: #757575;
}

.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-start-load .tv-button__loader-item {
    opacity: 1;
}

.tv-button--loader.i-stop-load .tv-button__loader-item {
    opacity: 0;
}

.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-stop-load .tv-button__loader-item,
.tv-button--loader.i-start-load .tv-button__loader-item {
    transform: translateY(0) scale(0.6);
}

.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-stop-load .tv-button__loader-item {
    animation: tv-button-loader 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both;
}

.tv-button--loader.i-loading .tv-button__loader-item:nth-child(2),
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(2) {
    animation-delay: .151s;
}

.tv-button--loader.i-loading .tv-button__loader-item:nth-child(3),
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(3) {
    animation-delay: .32s;
}

.tv-button--no-border-radius {
    border-radius: 0;
}

.tv-button--no-border {
    border: none;
}

.tv-button--connect {
    border-radius: 0;
}

.tv-button--connect_left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tv-button--connect_right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@keyframes tv-button-loader {
    0%,
    100% {
        transform: scale(0.6);
    }
    50% {
        transform: scale(0.9);
    }
}

@media screen and (max-width:767px) {
    .tv-button.tv-button--phone-compact {
        padding-right: 4px;
        padding-left: 4px;
    }
}


/**
 * Input
 */

.tv-control-input {
    display: block;
    padding: 0 12px;
    width: 100%;
    height: 34px;
    font-size: 13px;
    color: #4a4a4a;
    border-color: #dadde0;
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transition: border-color ease 0.35s, background-color ease 0.35s;
}

html.theme-dark .tv-control-input {
    background-color: #1c2030;
}

html.theme-dark .tv-control-input {
    border-color: #363c4e;
}

html.theme-dark .tv-control-input {
    color: #c5cbce;
}

.tv-control-input::-webkit-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.tv-control-input:-ms-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.tv-control-input::-ms-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.tv-control-input::placeholder {
    color: #adaeb0;
    opacity: 1;
}

html.theme-dark .tv-control-input::-webkit-input-placeholder {
    color: #4f5966;
}

html.theme-dark .tv-control-input:-ms-input-placeholder {
    color: #4f5966;
}

html.theme-dark .tv-control-input::-ms-input-placeholder {
    color: #4f5966;
}

html.theme-dark .tv-control-input::placeholder {
    color: #4f5966;
}

.tv-control-input:-webkit-autofill {
    -webkit-text-fill-color: #535353 !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

.tv-control-input--size_xsmall {
    height: 19px;
}

.tv-control-input--size_small {
    height: 27px;
}

.tv-control-input--size_large {
    height: 48px;
}

.tv-control-input--connect {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.tv-control-input--connect_left {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tv-control-input--connect_right {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tv-control-input--connect_right#id_username {
    direction: ltr;
    text-align: right
}

.feature-no-touch .tv-control-input:hover {
    border-color: #c8c8c8;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-control-input:hover {
    border-color: #4c525e;
}

.feature-no-touch .tv-control-input:focus,
.feature-touch .tv-control-input:focus {
    border-color: #3bb3e4 !important;
    transition-duration: 0.06s;
}

.tv-control-input[readonly] {
    color: #8a8a8a;
    border-color: #dadde0;
}

.feature-no-touch .tv-control-input[readonly]:hover,
.feature-no-touch .tv-control-input[readonly]:focus,
.feature-touch .tv-control-input[readonly]:focus {
    border-color: #dadde0;
}

.tv-control-input--readonly_dark,
.tv-control-input--readonly_dark[readonly] {
    color: #555555;
}

html.theme-dark .tv-control-input--readonly_dark,
html.theme-dark .tv-control-input--readonly_dark[readonly] {
    color: #4c525e;
}

.tv-control-input[disabled],
.tv-control-input.i-disabled {
    color: #ececec !important;
    border-color: #ececec !important;
}

html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled {
    border-color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled {
    color: #262b3e !important;
}

.tv-control-input[disabled]::-webkit-input-placeholder,
.tv-control-input.i-disabled::-webkit-input-placeholder {
    color: #ececec !important;
}

.tv-control-input[disabled]:-ms-input-placeholder,
.tv-control-input.i-disabled:-ms-input-placeholder {
    color: #ececec !important;
}

.tv-control-input[disabled]::-ms-input-placeholder,
.tv-control-input.i-disabled::-ms-input-placeholder {
    color: #ececec !important;
}

.tv-control-input[disabled]::placeholder,
.tv-control-input.i-disabled::placeholder {
    color: #ececec !important;
}

html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder {
    color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder {
    color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder {
    color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled]::placeholder,
html.theme-dark .tv-control-input.i-disabled::placeholder {
    color: #262b3e !important;
}

.feature-no-touch .tv-control-input[disabled]:hover,
.feature-no-touch .tv-control-input.i-disabled:hover {
    border-color: #ececec !important;
}

html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover,
html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover {
    border-color: #262b3e !important;
}

.tv-control-input.i-error {
    border-color: #ff4a68 !important;
}

.feature-no-touch .tv-control-input.i-error:hover {
    border-color: #f24965 !important;
}

.feature-no-touch .tv-control-input.i-error:focus,
.feature-touch .tv-control-input.i-error:focus {
    border-color: #ff173e !important;
}

.tv-control-input.i-success {
    border-color: #3cbc98 !important;
}

.feature-no-touch .tv-control-input.i-success:hover {
    border-color: #38b395 !important;
}

.feature-no-touch .tv-control-input.i-success:focus,
.feature-touch .tv-control-input.i-success:focus {
    border-color: #00a97f !important;
}

.tv-control-input--phone {
    direction: ltr;
    text-align: right;
}

.tv-control-input--file {
    display: none;
}

.bottom-widgetbar-content.backtesting .button {
    display: block;
    position: relative;
    float: right;
    cursor: default;
    padding: 7px 12px 7px;
    border: 1px solid;
    border-color: #dadde0;
    height: 14px;
    background: #ffffff;
    color: #555555;
    font-size: 11px;
    font-weight: 600;
}

html.theme-dark .bottom-widgetbar-content.backtesting .button {
    color: #758696;
}

html.theme-dark .bottom-widgetbar-content.backtesting .button {
    background: #131722;
}

html.theme-dark .bottom-widgetbar-content.backtesting .button {
    border-color: #363c4e;
}

input.symbol-edit,
.symbol-search-dialog .symbol-block input {
    float: right;
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #dadde0;
    width: 291px;
    height: 28px;
    padding: 0 7px 0 0;
    color: #4a4a4a;
    font-size: 13px;
    font-weight: 600;
}

html.theme-dark input.symbol-edit,
html.theme-dark .symbol-search-dialog .symbol-block input {
    color: #c5cbce;
}

html.theme-dark input.symbol-edit,
html.theme-dark .symbol-search-dialog .symbol-block input {
    border-color: #363c4e;
}

html.theme-dark input.symbol-edit,
html.theme-dark .symbol-search-dialog .symbol-block input {
    background-color: #131722;
}

input.symbol-edit.incomplete,
.symbol-search-dialog input.incomplete {
    background-color: #ffffef;
}

input.symbol-edit.error,
input.symbol-edit.interval-error,
.symbol-search-dialog input.error,
.symbol-search-dialog input.interval-error {
    background-color: #ffefef;
}

.symbol-search-loading {
    position: relative;
    width: 51px;
    height: 51px;
    padding: 10px;
    margin: 0 auto;
}

.property-page input.symbol-edit {
    padding: 0 5px;
}

div.symbol-edit-popup {
    display: block;
    position: absolute;
    width: 705px;
    border: 1px solid;
    border-color: #d6d8e0;
    z-index: 111;
    background: rgba(255, 255, 255, 0.9);
}

html.theme-dark div.symbol-edit-popup {
    background: rgba(28, 32, 48, 0.9);
}

html.theme-dark div.symbol-edit-popup {
    border-color: #131722;
}

div.symbol-edit-popup .table-wrapper {
    border-top: 1px solid;
    border-top-color: #dde1e6;
    overflow-y: auto;
    width: 700px;
    position: relative;
    z-index: 0;
}

html.theme-dark div.symbol-edit-popup .table-wrapper {
    border-top-color: #363c4e;
}

div.symbol-edit-popup .table-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb {
    border: 1px solid;
    border-color: #f1f3f6;
    border-radius: 3px;
    background-color: #9db2bd;
}

html.theme-dark div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb {
    background-color: #363c4e;
}

html.theme-dark div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb {
    border-color: #1c2030;
}

div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 3px;
}

table.symbol-edit-popup {
    border-collapse: collapse;
}

table.symbol-edit-popup tr.group-title {
    cursor: default;
}

table.symbol-edit-popup tr.group-title td:first-child div {
    position: relative;
    border-color: #cccccc;
    transition: border-color 0.1s linear;
}

table.symbol-edit-popup tr.group-title td:first-child div:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -13px;
    margin-top: -2px;
    width: 0;
    height: 0;
    border-color: inherit;
    border-style: solid;
    border-width: 7px 4px 0 4px;
}

table.symbol-edit-popup tr.group-title:not(.collapsed) td:first-child div:before {
    border-right-color: transparent;
    border-left-color: transparent;
}

table.symbol-edit-popup tr.group-title.collapsed td:first-child div {
    border-color: #cccccc;
}

table.symbol-edit-popup tr.group-title.collapsed td:first-child div:before {
    right: -12px;
    margin-top: -3px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-width: 4px 7px 4px 0;
}

table.symbol-edit-popup tr.group-title.symbol-edit-popup-active td:first-child div,
.feature-no-touch table.symbol-edit-popup tr.group-title:hover td:first-child div {
    border-color: #555555;
}

table.symbol-edit-popup tr.hidden {
    display: none;
}

table.symbol-edit-popup td {
    padding: 7px;
}

table.symbol-edit-popup td:first-child {
    padding-right: 20px;
}

table.symbol-edit-popup td:last-child {
    max-width: 130px;
    padding-left: 20px;
}

tr.symbol-edit-popup {
    cursor: pointer;
    height: 25px;
}

tr.symbol-edit-popup td:first-child {
    max-width: 165px;
}


/* deprecated ??? */

span.symbol-edit-highlight {
    color: #4c82ce;
    font-weight: bold;
}


/* deprecated */

.symbol-edit-popup-td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;
    line-height: 14px;
    vertical-align: middle;
}

.symbol-edit-popup-td.name {
    font-weight: bold;
}

.symbol-edit-popup-td.desc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.symbol-edit-popup-td.name:after,
.symbol-edit-popup-td.desc:after {
    content: '\200E';
}

.symbol-edit-popup-td.name>div {
    display: inline;
}

.symbol-edit-popup-td.name>div:after {
    content: '\200E';
}

.symbol-edit-popup-td.name strong,
.symbol-edit-popup-td.desc strong {
    font-weight: bold;
    color: #4c82ce;
}

.symbol-edit-popup-td.name em,
.symbol-edit-popup-td.desc em {
    font-weight: bold;
    color: #4c82ce;
    font-style: normal;
}

.symbol-edit-popup-td.type {
    font-size: 11px;
    color: #999999;
    white-space: nowrap;
    text-align: left;
}

.symbol-edit-popup-td.flag svg {
    position: relative;
    left: -2px;
    top: 2px;
}

.symbol-edit-popup-td.flag svg.bitcoin {
    top: 0px;
}

.feature-no-touch tr.symbol-edit-popup:hover:not(.group-title) {
    background: #f1f3f6;
}

html.feature-no-touch.theme-dark tr.symbol-edit-popup:hover:not(.group-title) {
    background: #363c4e;
}

.symbol-edit-popup-active {
    background: #d1e1f8;
}

html.theme-dark .symbol-edit-popup-active {
    background: #2f3241;
}

.symbol-edit-popup i.eod,
.symbol-edit-popup i.pro {
    display: inline-block;
    height: auto;
    width: auto;
    font-size: 10px;
    color: white;
    text-transform: uppercase;
    font-style: normal;
    line-height: 12px;
    vertical-align: 0;
    padding: 1px 3px 0;
    overflow: visible;
}

.symbol-edit-popup i.eod {
    background: #c9cbcd;
}

html.theme-dark .symbol-edit-popup i.eod {
    background: #363c4e;
}

.symbol-edit-popup i.pro {
    background: #bf645c;
}

.tv-close-mixin {
    cursor: pointer;
}

.tv-close-mixin:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    top: 6px;
    right: 6px;
    background: url();
}

.feature-no-touch .tv-close-mixin:hover:after {
    background-position: center bottom;
}

.symbol-edit-notification {
    position: relative;
    padding: 15px 20px;
    background: #ebf7fc;
    font-size: 12px;
}

html.theme-dark .symbol-edit-notification {
    background: #4c525e;
}

.symbol-edit-notification a {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark .symbol-edit-notification a {
    color: #299dcd;
}

.symbol-edit-notification a:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark .symbol-edit-notification a:visited {
    fill: #299dcd;
}

html.theme-dark .symbol-edit-notification a:visited {
    color: #299dcd;
}

.feature-no-touch .symbol-edit-notification a:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .symbol-edit-notification a:active,
.feature-touch .symbol-edit-notification a:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

.symbol-edit-notification .close {
    display: block;
    position: absolute;
    width: 21px;
    height: 21px;
    left: 0;
    top: 0;
    cursor: pointer;
}

.symbol-edit-notification .close:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    top: 6px;
    right: 6px;
    background: url();
}

.feature-no-touch .symbol-edit-notification .close:hover:after {
    background-position: center bottom;
}

.symbol-search-dialog .symbol-block {
    width: auto;
    margin: 0;
    overflow: hidden;
}

.symbol-search-dialog .symbol-block .spread-actions {
    height: 36px;
    border-top: none;
    border-left: none;
    background: #ffffff;
}

html.theme-dark .symbol-search-dialog .symbol-block .spread-actions {
    background: #131722;
}

.symbol-search-dialog .symbol-block .spread-actions:empty {
    border: none;
    background: transparent;
}

.symbol-search-dialog .symbol-block button {
    width: 30px;
    height: 36px;
    border-right: 1px solid;
    border-right-color: #dadde0;
}

html.theme-dark .symbol-search-dialog .symbol-block button {
    border-right-color: #363c4e;
}

.symbol-search-dialog .symbol-block button:first-child {
    border-right: none !important;
}

.symbol-search-dialog .symbol-block-inputspacer {
    overflow: hidden;
}

.symbol-search-dialog .symbol-block-inputspacer input {
    float: none;
    width: 100%;
    height: 37px;
    font-size: 13px;
    margin: 0;
    padding: 0 34px 0 7px;
    border-width: 0px;
    border-bottom-width: 1px;
    border-radius: 0;
    box-sizing: border-box;
}

.symbol-search-dialog .symbol-block-inputspacer .search-icon {
    content: ' ';
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    background: url('../images/icons.png') no-repeat -80px -339px;
    top: 12px;
    right: 12px;
}

.symbol-search-dialog .filter {
    padding: 0 20px;
    border-bottom: 1px solid;
    border-color: #dde1e6;
}

html.theme-dark .symbol-search-dialog .filter {
    border-color: #363c4e;
}

.symbol-search-dialog .filter a.type-filter,
.symbol-search-dialog .filter .exchange-filter,
.symbol-search-dialog .filter .tradable-filter {
    position: relative;
    display: inline-block;
    margin-left: 18px;
    padding: 10px 0;
    font-size: 13px;
    line-height: 16px;
    color: #555555;
}

html.theme-dark .symbol-search-dialog .filter a.type-filter,
html.theme-dark .symbol-search-dialog .filter .exchange-filter,
html.theme-dark .symbol-search-dialog .filter .tradable-filter {
    color: #8b8f95;
}

.symbol-search-dialog .filter a.type-filter a,
.symbol-search-dialog .filter .exchange-filter a,
.symbol-search-dialog .filter .tradable-filter a {
    color: #555555;
}

html.theme-dark .symbol-search-dialog .filter a.type-filter a,
html.theme-dark .symbol-search-dialog .filter .exchange-filter a,
html.theme-dark .symbol-search-dialog .filter .tradable-filter a {
    color: #8b8f95;
}

.symbol-search-dialog .filter a.type-filter.active,
.symbol-search-dialog .filter .exchange-filter.active,
.symbol-search-dialog .filter .tradable-filter.active {
    font-weight: bold;
}

.symbol-search-dialog .filter a.type-filter.active:after,
.symbol-search-dialog .filter .exchange-filter.active:after,
.symbol-search-dialog .filter .tradable-filter.active:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background-color: #5cb888;
}

.symbol-search-dialog .filter a.type-filter:last-child,
.symbol-search-dialog .filter .exchange-filter:last-child {
    margin-left: 0;
}

.symbol-search-dialog .filter .exchange-filter {
    margin-left: 0;
}

.symbol-search-dialog .filter .tradable-filter {
    margin: 0 10px;
    padding-bottom: 11px;
    line-height: 14px;
    vertical-align: middle;
}

.symbol-search-dialog .filter .tradable-filter * {
    vertical-align: middle;
}

.symbol-search-dialog .filter .tradable-filter .tradable-text {
    padding-right: 5px;
    cursor: default;
}

.symbol-search-dialog .results {
    width: 100%;
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
}

.symbol-search-dialog .results::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.symbol-search-dialog .results::-webkit-scrollbar-thumb {
    border: 1px solid;
    border-color: #f1f3f6;
    border-radius: 3px;
    background-color: #9db2bd;
}

html.theme-dark .symbol-search-dialog .results::-webkit-scrollbar-thumb {
    background-color: #363c4e;
}

html.theme-dark .symbol-search-dialog .results::-webkit-scrollbar-thumb {
    border-color: #1c2030;
}

.symbol-search-dialog .results::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 3px;
}

.symbol-search-dialog .results table {
    width: 100%;
    border-collapse: collapse;
}

.symbol-search-dialog .results table .symbol-edit-popup-td:first-child {
    padding-right: 20px;
}

.symbol-search-dialog .results table .symbol-edit-popup-td:last-child {
    padding-left: 20px;
}

.symbol-search-dialog .results table tr:first-child .symbol-edit-popup-td {
    padding-top: 12px;
}

.spread-actions {
    float: left;
    height: 28px;
    border: 1px solid;
    border-color: #dadde0;
    background: #ffffff;
    margin: 0;
}

html.theme-dark .spread-actions {
    background: #131722;
}

html.theme-dark .spread-actions {
    border-color: #363c4e;
}

.spread-actions button {
    position: relative;
    float: right;
    width: 20px;
    height: 28px;
    background: none;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
}

.spread-actions button::-moz-focus-inner {
    padding: 0 !important;
    margin: 0 !important;
}

.spread-actions button.disabled {
    cursor: default;
}

.spread-actions button .action-icon {
    display: block;
    position: absolute;
    margin: auto;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    color: #7d7d7d;
}

html.theme-dark .spread-actions button .action-icon {
    color: #758696;
}

.feature-no-touch .spread-actions button:hover .action-icon {
    color: #3bb3e4;
}

.spread-actions button.disabled .action-icon {
    color: #a6a6a6;
}

html.theme-dark .spread-actions button.disabled .action-icon {
    color: #2f3241;
}

div.symbol-edit-popup .exchange-filter,
.symbol-search-dialog .exchange-filter {
    float: left;
}

.exchange-filter .tv-symbol-select>.flag {
    display: block;
    position: absolute;
    top: 2px;
    left: 15px;
}

.exchange-filter-overflow {
    width: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
}

.flagged-exchange {
    margin-left: 36px;
}

.symbol-search-dialog .exchange-filter .sbSelector {
    width: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    display: block;
    width: auto;
    margin: 0 15px 0 12px;
}

.symbol-search-dialog .exchange-filter .sbSelector.exchange-with-flag {
    margin-left: 36px;
}

div.symbol-edit-popup .exchange-filter .sbSelector {
    width: 90px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    display: block;
    width: auto;
    margin: 0 15px 0 10px;
    font-weight: bold;
    font-size: 11px;
    height: 13px;
}

div.symbol-edit-popup .exchange-filter .sbSelector.exchange-with-flag {
    margin-left: 36px;
}

div.symbol-edit-popup .exchange-filter .sbToggle,
.symbol-search-dialog .exchange-filter .sbToggle {
    position: absolute;
    left: 1px;
}

.symbol-edit-popup .filter {
    padding: 0 20px;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

.symbol-edit-popup .filter a.type-filter,
.symbol-edit-popup .filter .exchange-filter {
    display: inline-block;
    position: relative;
    padding: 6px 0;
    margin-left: 18px;
    font-weight: bold;
    font-size: 11px;
    line-height: 14px;
    border-bottom: none;
    color: #4a4a4a;
}

html.theme-dark .symbol-edit-popup .filter a.type-filter,
html.theme-dark .symbol-edit-popup .filter .exchange-filter {
    color: #c5cbce;
}

.symbol-edit-popup .filter a.type-filter a,
.symbol-edit-popup .filter .exchange-filter a {
    color: #4a4a4a;
}

html.theme-dark .symbol-edit-popup .filter a.type-filter a,
html.theme-dark .symbol-edit-popup .filter .exchange-filter a {
    color: #c5cbce;
}

.symbol-edit-popup .filter a.type-filter.active:after,
.symbol-edit-popup .filter .exchange-filter.active:after {
    content: ' ';
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background-color: #5cb888;
}

.symbol-edit-popup .filter a.type-filter:last-child,
.symbol-edit-popup .filter .exchange-filter:last-child {
    margin-left: 0;
}

.symbol-edit-popup .filter .exchange-filter {
    margin: 0;
}

.symbol-edit-popup .filter .tradable-filter {
    margin: 0 10px;
    font-size: 11px;
    line-height: 14px;
    padding: 6px 0;
    display: inline-flex;
    vertical-align: middle;
    align-items: center;
}

.symbol-edit-popup .filter .tradable-filter .tradable-text {
    padding-right: 5px;
    cursor: default;
    vertical-align: middle;
}

div.symbol-edit-popup .tradable-filter,
.symbol-search-dialog .tradable-filter {
    float: left;
}

.feature-no-touch .bottom-widgetbar-content.backtesting .button:active,
.feature-touch .bottom-widgetbar-content.backtesting .button:active,
.bottom-widgetbar-content.backtesting .button.active {
    background: #f2f3f5;
    color: #4c525e;
}

html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,
html.feature-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,
html.theme-dark .bottom-widgetbar-content.backtesting .button.active {
    color: #f7f8fa;
}

html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,
html.feature-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,
html.theme-dark .bottom-widgetbar-content.backtesting .button.active {
    background: #131722;
}


/* used in right panel */

.button.iconed {
    padding: 6px 10px 8px;
}

@media (max-width: 550px) {
    div.symbol-edit-popup {
        width: 100%;
    }
    div.symbol-edit-popup .filter {
        padding: 0 10px;
    }
    div.symbol-edit-popup .filter a.type-filter,
    div.symbol-edit-popup .filter .exchange-filter {
        margin-right: 0px;
        margin-left: 10px;
    }
    div.symbol-edit-popup .table-wrapper {
        width: 100%;
    }
    table.symbol-edit-popup {
        width: 100%;
        table-layout: fixed;
    }
    table.symbol-edit-popup td {
        padding: 5px;
    }
    table.symbol-edit-popup td:first-child {
        padding-right: 10px;
    }
    .symbol-edit-popup-td {
        overflow: hidden;
        text-overflow: ellipsis;
        box-sizing: border-box;
    }
    .symbol-edit-popup-td.name {
        width: 30%;
    }
    .symbol-edit-popup-td.desc {
        width: 40%;
    }
    .symbol-edit-popup-td.type {
        width: 30%;
    }
}


/*
 * context menu styles from static/chart-client/css/chart_gui.less
 * for usage not only on chart, but in other different places, for example the in screener widget
 */

.context-menu-wrapper {
    position: absolute;
    z-index: 500;
    overflow: auto;
    border: 1px solid;
    border-color: #b5b7b9;
    background-color: #ffffff;
    white-space: nowrap;
}

html.theme-dark .context-menu-wrapper {
    background-color: #1c2030;
}

html.theme-dark .context-menu-wrapper {
    border-color: #363c4e;
}

.context-menu-wrapper .backlight {
    background-color: #f2f3f5;
}

html.theme-dark .context-menu-wrapper .backlight {
    background-color: #2f3241;
}

tr.context-menu.disabled {
    color: #9d9d9d;
}

tr.context-menu.spinner>td {
    background: url('../images/loading-small.gif') center center no-repeat;
    cursor: default;
}

.submenu.center {
    background-color: white;
}

.context-menu {
    font-family: Tahoma, Arial, sans-serif;
    font-size: 11px;
    white-space: nowrap;
}

tr.context-menu {
    cursor: pointer;
    height: 29px;
}

tr.context-menu-hover {
    background: #f2f3f5;
}

html.theme-dark tr.context-menu-hover {
    background: #2f3241;
}

td.context-menu {
    opacity: 1.0;
    cursor: pointer;
    padding-right: 4px;
}

.context-menu-item-separated {
    border-bottom: 1px solid #cecece;
}

.context-menu .text {
    min-width: 100px;
}

.context-menu .spacer {
    width: 18px;
}

.context-menu .icon {
    height: 27px;
    width: 18px;
}

.context-menu .shortcut {
    text-align: left;
    color: #aaaaaa;
    padding: 0 10px 0 2px;
}

.submenu-arrow {
    background-image: url();
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
}

.submenu-arrow.expanded {
    width: 20px;
}

.popup {
    position: absolute;
    display: block;
}

div.submenu {
    background-image: url('/static/chart-client/css/images/submenu_arrow.png');
    background-repeat: no-repeat;
    padding-right: 25px;
}

.checked-icon {
    background: none;
}

.checked-icon svg {
    stroke: #4a4a4a;
    position: absolute;
    top: 10px;
    right: 7px;
}

html.theme-dark .checked-icon svg {
    stroke: #c5cbce;
}

.unchecked-icon {
    background: none;
}

.context-menu .action-separator {
    height: 1px !important;
    cursor: default;
}

.context-menu .action-separator td {
    height: 1px;
    background-color: #dadde0;
    border-top: 6px solid;
    border-bottom: 6px solid;
    border-color: #ffffff;
}

html.theme-dark .context-menu .action-separator td {
    border-color: #1c2030;
}

html.theme-dark .context-menu .action-separator td {
    background-color: #363c4e;
}

.spacer.delete-spacer {
    width: 23px;
}

.context-menu-delete-button {
    display: none;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url('../images/icons.png') no-repeat scroll -102px -362px transparent;
}

.feature-no-touch tr:hover .context-menu-delete-button {
    display: inline-block;
}

.feature-no-touch .context-menu-delete-button:hover {
    background-position: -81px -362px;
}

.chart-widget {
    position: absolute;
    border-style: none;
    right: 0px;
    top: 0px;
    width: 512px;
    height: 256px;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    overflow: hidden;
}


/* chart header */

.chart-header {
    background-color: #ffffff;
    border-bottom: 1px solid gray;
    color: white;
}


/* markup table */

table.chart-markup-table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    direction: ltr;
}

.chart-markup-table tr {
    margin: 0;
    padding: 0;
}

td.chart-markup-table {
    border: none;
    text-align: right;
    vertical-align: top;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
    direction: rtl;
}


/* data window */

.chart-data-window {
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    text-align: right;
    color: #4a4a4a;
}

html.theme-dark .chart-data-window {
    color: #c5cbce;
}

html.theme-dark .chart-data-window {
    background-color: #171b29;
}

.chart-data-window .box {
    margin: 3px;
}

.chart-data-window .box.with-actions {
    cursor: pointer;
}

.chart-data-window .box:first-child .chart-data-window-header:first-child {
    margin-top: 0;
}

.chart-data-window .hover .chart-data-window-header .hover-source-icon {
    display: block;
}

.chart-data-window .active {
    border-right: 2px solid #528cde;
}

.chart-data-window .active .chart-data-window-header {
    background: #e9f8ff;
}

.chart-data-window .active .chart-data-window-header,
.chart-data-window .active .chart-data-window-item .chart-data-window-item-title {
    padding-right: 8px;
}

.chart-data-window .active .chart-data-window-item {
    font-weight: bold;
}

.chart-data-window .hidden {
    opacity: 0.3;
}

.chart-data-window .hidden .chart-data-window-item {
    display: none;
}

.chart-data-window .chart-data-window-header,
.chart-data-window .chart-data-window-item {
    margin-bottom: 3px;
    position: relative;
}

.chart-data-window .chart-data-window-header {
    padding: 9px 10px;
    background: #f1f3f6;
    font-weight: bold;
    font-size: 12px;
}

html.theme-dark .chart-data-window .chart-data-window-header {
    background: #262b3e;
}

.chart-data-window .chart-data-window-header .toggle-source-icon {
    display: block;
    position: absolute;
    left: 14px;
    top: 11px;
    width: 16px;
    height: 10px;
}

.chart-data-window .chart-data-window-header .toggle-source-icon svg {
    display: block;
    width: 16px;
    height: 10px;
    fill: #7d7d7d;
}

html.theme-dark .chart-data-window .chart-data-window-header .toggle-source-icon svg {
    fill: #758696;
}

.feature-no-touch .chart-data-window .chart-data-window-header .toggle-source-icon:hover svg {
    fill: #3bb3e4 !important;
}

.chart-data-window .chart-data-window-header .hover-source-icon {
    display: none;
    position: absolute;
    left: 40px;
    top: 11px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #3bb3e4;
}

.chart-data-window .chart-data-window-item:last-child {
    margin-bottom: 0;
}

.chart-data-window .chart-data-window-item .chart-data-window-item-title,
.chart-data-window .chart-data-window-item .chart-data-window-item-value {
    width: 50%;
    box-sizing: border-box;
    padding: 4px 10px;
    display: inline-block;
    white-space: nowrap;
}

.chart-data-window .chart-data-window-item .chart-data-window-item-title .real-color,
.chart-data-window .chart-data-window-item .chart-data-window-item-value .real-color {
    display: inline-block;
    width: 15px;
    height: 8px;
    margin-left: 15px;
    border: 1px dotted #cccccc;
    cursor: help;
}

.chart-data-window .chart-data-window-item .chart-data-window-item-value {
    text-align: left;
}

.pane-legend {
    position: absolute;
    contain: content;
    top: 5px;
    right: 5px;
    left: 5px;
    margin: 0;
    padding: 0;
    color: #4a4a4a;
    font-size: 0;
    line-height: normal;
    white-space: nowrap;
    pointer-events: none;
    border: 0px;
    box-sizing: border-box;
    background-color: transparent;
}

html.theme-dark .pane-legend {
    color: #c5cbce;
}

.pane-legend svg {
    transform: scale(1);
}

.pane-legend .pane-legend-minbtn,
.pane-legend .pane-legend-icon {
    position: relative;
    top: -1px;
    display: inline-block;
    padding: 0;
    margin: 0 0 0 3px;
    line-height: 20px;
    vertical-align: middle;
}

.pane-legend .pane-legend-minbtn .expand,
.pane-legend .pane-legend-icon .expand {
    position: relative;
    display: inline-block;
    opacity: 0.999;
    margin: 0 0 0 3px;
    padding: 0;
    vertical-align: middle;
    line-height: 20px;
    fill: #7d7d7d;
    pointer-events: auto;
}

html.theme-dark .pane-legend .pane-legend-minbtn .expand,
html.theme-dark .pane-legend .pane-legend-icon .expand {
    fill: #758696;
}

.pane-legend-line {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: pre-line;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
}

.pane-legend-line--without-child-studies {
    padding-right: 3px;
}

.pane-legend-line.legend-selection-disabled {
    cursor: url(crosshair.6c091f7d5427d0c5e6d9dc3a90eb2b20.cur), crosshair;
}

.pane-legend-line.pane-legend-wrap.main {
    padding-top: 4px;
}

.pane-legend-line.pane-legend-wrap.main.expand-line {
    padding-right: 85px;
    padding-right: 0;
}

.pane-legend-line.pane-legend-wrap.main .pane-legend-item-value-wrap {
    white-space: nowrap;
}

.pane-legend-line.pane-legend-wrap.study>.pane-legend-line {
    max-width: calc(100% - 95px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 26px;
}

.pane-legend-line.pane-legend-wrap.study .pane-legend-item-value.disabled {
    display: none;
}

.pane-legend-line.pane-legend-wrap:first-child {
    padding-right: 25px;
}

.pane-legend-line>.main {
    max-width: calc(100% - 75px);
    min-width: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pane-legend-line span {
    font-size: 9pt;
    line-height: 20px;
    vertical-align: middle;
    pointer-events: auto;
    display: inline-block;
}

.pane-legend-line span.pane-legend-line {
    margin: 0;
}

.pane-legend-line>span.pane-legend-line:not(.no-context-menu) {
    margin-right: 0;
    margin-left: 0;
}

.pane-legend-line>span.pane-legend-line {
    position: relative;
    display: inline-block;
    padding-left: 12px;
}

.pane-legend-line>span.pane-legend-line:not(.no-context-menu):before {
    content: '';
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    margin-top: -2px;
    border-style: solid;
    border-width: 4px;
    border-top-color: #c9cbcd;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-width: 0;
}

.feature-no-touch .pane-legend-line>span.pane-legend-line:hover:after {
    border-top-color: inherit;
}

.pane-legend-line__marker-container {
    display: inline-block;
    height: 20px;
    padding: 0 2px;
}

.pane-legend-title__container {
    display: flex;
    direction: ltr;
}

.pane-legend-title__description {
    pointer-events: none;
    min-width: 30px;
    flex-shrink: 10000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pane-legend-title__description:not(.no-context-menu):after {
    content: '\200E';
}

.pane-legend-title__interval {
    white-space: nowrap;
}

.pane-legend-title__details {
    min-width: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pane-legend-item-value-container {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    margin-right: 10px;
    margin-left: -7px;
}

.pane-legend-item-value-wrap {
    position: relative;
}

.pane-legend-item-value-wrap .pane-legend-item-value,
.pane-legend-item-value-wrap .pane-legend-item-value-title {
    font-size: 9pt;
    line-height: 19px;
}

.pane-legend-item-value-wrap .pane-legend-item-value__main,
.pane-legend-item-value-wrap .pane-legend-item-value-title__main {
    font-size: 11pt;
    line-height: 20px;
}

@media screen and (max-width:767px) {
    .pane-legend-item-value-wrap .pane-legend-item-value__main,
    .pane-legend-item-value-wrap .pane-legend-item-value-title__main {
        font-size: 9pt;
        line-height: 19px;
    }
}

.pane-legend-item-value-wrap .pane-legend-item-value {
    padding-right: 2px;
    padding-left: 10px;
}

@media screen and (max-width:767px) {
    .pane-legend-item-value-wrap .pane-legend-item-value {
        padding-right: 3px;
        padding-left: 6px;
    }
}

.pane-legend-item-value-wrap .pane-legend-item-value:first-child {
    padding-right: 0;
}

.pane-legend-item-value,
.pane-legend-item-value-title,
.pane-legend-item-additional {
    font-weight: normal;
    vertical-align: middle;
    cursor: default;
    pointer-events: none !important;
}

.pane-legend-item-additional {
    font-size: 9pt;
}

.pane-legend-line.disabled {
    color: #d8dada !important;
    border-color: #d8dada !important;
}

html.theme-dark .pane-legend-line.disabled {
    border-color: #4c525e !important;
}

html.theme-dark .pane-legend-line.disabled {
    color: #4c525e !important;
}

.pane-legend-line.disabled .icon-hide svg {
    fill: #3bb3e4;
}

.pane-legend-icon-container {
    margin-right: 5px;
    white-space: nowrap;
}

.pane-legend-icon-container--separated {
    margin-right: 0;
}

.main .pane-legend-icon-container {
    position: relative;
}

.pane-controls {
    position: absolute;
    right: 5px;
    top: 4px;
    line-height: 20px;
    height: 20px;
    transition: opacity 400ms, visibility 400ms;
}

.pane-controls a {
    vertical-align: middle;
}

.pane-controls--hidden {
    visibility: hidden;
    opacity: 0;
}

.pane-controls.toppane {
    top: 22px;
}

.pane-legend-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 3px 0 0;
    cursor: pointer;
    opacity: 0.3;
}

.pane-legend-icon svg {
    fill: #7d7d7d;
}

html.theme-dark .pane-legend-icon svg {
    fill: #758696;
}

.feature-no-touch .pane-legend-icon svg:hover {
    opacity: 1;
    fill: #38acdb;
}

.pane-legend-icon.restore {
    opacity: 0.8;
}

.pane-legend-icon.restore svg {
    opacity: 1;
    fill: #4c86db;
}

.feature-no-touch .pane-legend-line:hover .pane-legend-icon,
.feature-no-touch .pane-controls:hover .pane-legend-icon {
    opacity: 1;
}

.pane-legend-line.disabled .pane-legend-icon.icon-hide {
    opacity: 1;
}

.property-page-column-2 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.property-page {
    color: #4a4a4a;
    position: relative;
}

html.theme-dark .property-page {
    color: #c5cbce;
}

.property-page td {
    padding: 3px 4px;
    height: 27px;
}

.property-page td:empty {
    padding: 0;
}

.property-page td:first-child {
    padding-right: 0;
}

.property-page td:last-child {
    padding-left: 0;
}

.property-page.study-properties {
    margin-top: 10px;
}

.property-page.study-strategy-properties {
    margin-top: 10px;
}

.property-page.study-strategy-properties tr.disabled label {
    color: #999999;
}

.property-page .tzeditor .sbSelector {
    min-width: 190px;
}

.property-page input[type='checkbox'] {
    margin: 3px 0.5ex;
}

.property-page-fullwidth-wrapper {
    margin: 0 0 0 13px;
}

.property-page-bandwidth {
    margin-right: 8px;
    width: 55px;
    vertical-align: middle;
}

.property-page input[type='checkbox'] {
    vertical-align: middle;
}

.property-page td:first-child input[type='checkbox'] {
    margin-right: 0;
}

.property-page .tv-text-input {
    height: 25px;
}

.property-page-unpadded {
    border-collapse: collapse;
}

.property-page-unpadded>tbody>tr>td,
.property-page-unpadded>tbody>tr>th {
    padding: 0;
}

.property-page .offset-row td:first-child {
    padding-left: 30px;
}

.propertypage-name-label {
    text-transform: capitalize;
}

.colorpicker.main {
    border: 1px solid #c9cbcd;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

div.tooltip {
    background-color: #ffffc2;
    border: 1px solid #b2b2b2;
    color: #4a4a4a;
    padding: 5px 10px;
    z-index: 100;
}

.zoom-selector {
    background-color: rgba(80, 80, 80, 0.15);
    border: 1px solid rgba(80, 80, 80, 0.5);
    position: absolute;
    pointer-events: none;
}

.tooltip-selector {
    position: absolute;
    font-weight: bold;
    font-size: 10px;
    line-height: normal;
    opacity: .8;
    white-space: nowrap;
}

.tooltip-selector-hidden {
    display: none;
}


/* ={ TVColorPicker == */

.tvcolorpicker-widget {
    vertical-align: middle;
    background-image: url('../images/tvcolorpicker-bg.png');
    background-position: 100% 0;
    background-repeat: no-repeat;
    border: 1px solid #cacaca;
    overflow: hidden;
    padding: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-size: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tvcolorpicker-gradient-widget {
    background-image: url('../images/tvcolorpicker-bg.png'), url('../images/tvcolorpicker-bg-gradient.png');
    background-size: cover;
}

.tvcolorpicker-popup {
    position: absolute;
    z-index: 1000;
    padding: 4px;
    background: #ffffff;
    border: 1px solid;
    border-color: #b5b7b9;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

html.theme-dark .tvcolorpicker-popup {
    border-color: #363c4e;
}

html.theme-dark .tvcolorpicker-popup {
    background: #131722;
}

.tvcolorpicker-table {
    border-collapse: collapse;
    table-layout: fixed;
    margin: 0px 0px 6px 0px;
}

.tvcolorpicker-popup .tvcolorpicker-table:last-of-type {
    margin-bottom: 0px;
}

.tvcolorpicker-table td {
    padding: 0;
    width: 18px;
    height: 18px;
}

.tvcolorpicker-swatch {
    width: 16px;
    height: 16px;
    border: none 0px;
    margin: 1px;
    cursor: pointer;
    overflow: hidden;
}

.tvcolorpicker-swatch.low-contrast {
    margin: 0px;
    border: solid #cccccc 1px;
}

.tvcolorpicker-swatch.tvcolorpicker-user {
    border: solid #eeeeee 1px;
    margin: 0px;
}

.feature-no-touch .tvcolorpicker-cell:hover .tvcolorpicker-swatch {
    border: solid black 1px;
    margin: 0;
}

.tvcolorpicker-swatch.active {
    background: url('../images/tvcolorpicker-check.png') 50% 50% no-repeat;
    border: solid white 1px;
    outline: solid black 1px;
    margin: 0;
}

.tvcolorpicker-custom-button {
    display: block;
}

.tvcolorpicker-hsv {
    position: relative;
    top: 4px;
    height: 130px;
    width: 160px;
    margin: 0px auto;
}

.tvcolorpicker-hs {
    position: absolute;
    top: 0px;
    right: -7px;
    width: 147px;
    height: 148px;
    background: url('../images/tvcolorpicker-sprite.png') 0px 0px no-repeat;
    border: solid #eeeeee 1px;
}

.tvcolorpicker-hs-area,
.tvcolorpicker-v-area {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.tvcolorpicker-v {
    position: absolute;
    background: url('../images/tvcolorpicker-sprite.png') -165px 1px no-repeat;
    border: solid #eeeeee 1px;
    height: 149px;
    width: 9px;
    margin: auto;
    right: 0;
    left: 0;
}

.tvcolorpicker-vv {
    position: relative;
    top: 0px;
    right: 145px;
    width: 25px;
    height: 128px;
    cursor: default;
}

.tvcolorpicker-hs-handle {
    width: 11px;
    height: 11px;
    position: absolute;
    right: 0px;
    top: 0px;
    margin: -5px -5px 0px 0px;
    background: url('../images/tvcolorpicker-sprite.png') -37px -148px no-repeat;
}

.tvcolorpicker-v-handle {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 25px;
    height: 11px;
    margin: -5px -8px 0px 0px;
    background: url('../images/tvcolorpicker-sprite.png') -48px -148px no-repeat;
}

.tvcolorpicker-custom-button {
    margin: 6px 0px 0px 0px;
}

.tvcolorpicker-user-swatches {
    margin: 6px 0px 0px 0px;
}

.tvcolorpicker-user-swatches .tvcolorpicker-transparency {
    background: url('../images/dialogs/opacity-slider.png') !important;
}

.some-colorpicker .tvcolorpicker-container {
    display: inline-block;
    margin-left: 8px;
}

.tvcolorpicker-container {
    display: inline-block;
    position: relative;
    width: 27px;
    height: 27px;
}

div .tvcolorpicker-container:last-of-type {
    border-left-width: 0;
}

.tvcolorpicker-container .tvcolorpicker-transparency {
    background: url('../images/dialogs/opacity-slider.png') !important;
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 1;
}

.tvcolorpicker-container .tvcolorpicker-widget {
    z-index: 2;
    position: absolute;
}


/* == TVColorPicker }= */


/* ={ Properties Tabs == */

.properties-tabs {
    padding: 0 25px;
}

.properties-tabs a.properties-tabs-label {
    padding: 0;
    margin-right: 45px;
    display: inline-block;
    position: relative;
    color: #4f5966;
}

html.theme-dark .properties-tabs a.properties-tabs-label {
    color: #f7f8fa;
}

.properties-tabs a.properties-tabs-label.active {
    font-weight: bold;
}

.properties-tabs a.properties-tabs-label.active:after {
    content: ' ';
    position: absolute;
    display: block;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background-color: #5cb888;
}

.properties-tabs a.properties-tabs-label.with-filter {
    padding-bottom: 16px;
}

.properties-tabs a.properties-tabs-label:first-child {
    margin-right: 0;
}

.properties-tabs a.properties-tabs-label:last-child {
    margin-left: 40px;
}


/* == Properties Tabs }= */

.chart-status-picture {
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 5;
    line-height: 17px;
    white-space: nowrap;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
}

.series-status-text {
    position: relative;
    margin-left: 5px;
    display: inline-block;
}

.chart-widget.i-compact .series-status-text .text {
    display: none;
}

.series-status-text .status,
.series-status-text {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.font-VI-lang-safe .series-status-text .status,
.font-VI-lang-safe .series-status-text {
    font-family: Arial, sans-serif;
}

.series-status-text .text,
.series-status-text .status,
.series-status-text .market-status {
    margin-left: 0.35em;
}

.series-status-text .text:empty,
.series-status-text .status:empty,
.series-status-text .market-status:empty {
    margin-left: 0;
}

.chart-status-picture .chart-warning {
    height: 16px;
    width: 16px;
    background: url('../images/svg/common/exclamation-in-circle.svg') center center no-repeat;
    background-size: 16px;
    cursor: pointer;
    display: none;
}

.chart-status-picture .chart-warning.warn-exchange {
    display: inline-block;
    height: 16px;
}

.tooltip-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 500px;
    z-index: 16;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

.chart-loading-screen {
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    z-index: 4;
}

.chart-loading-screen .chart-loading-screen-shield {
    width: 100%;
    height: 100%;
    opacity: 0;
    background: red;
}

.chart-loading-screen.fade {
    width: 100%;
    height: 100%;
}

.chart-loading-screen.fade .chart-loading-screen-shield {
    opacity: .5;
    transition: opacity 300ms ease;
}

.properties-tabs .help {
    width: 15px;
    height: 15px;
    background: url('../images/dialogs/study-help.png');
    float: left;
    margin: 1px 0 0 10px;
}

.bar-mark-tooltip {
    display: none;
    position: absolute;
    z-index: 14;
    padding: 8px 8px 8px 10px;
    background: rgba(255, 255, 255, 0.9);
    min-height: 18px;
    border: solid 1px;
    border-color: gray;
}

html.theme-dark .bar-mark-tooltip {
    background: rgba(19, 23, 34, 0.9);
}

.bar-mark-tooltip .text {
    padding-right: 4px;
    padding-top: 2px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
}

.published-charts-tooltip {
    display: none;
    position: absolute;
    z-index: 7;
    padding: 8px 8px 8px 30px;
    background: rgba(255, 255, 255, 0.9);
    border: solid 1px;
    height: 32px;
    cursor: default;
    margin-top: -25px;
}

html.theme-dark .published-charts-tooltip {
    background: rgba(19, 23, 34, 0.9);
}

.published-charts-tooltip .avatar {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
}

.published-charts-tooltip .avatar img {
    width: 32px;
    height: 32px;
}

.published-charts-tooltip .pin {
    background-image: url('../images/pin.png');
    width: 16px;
    height: 16px;
    vertical-align: top;
    position: absolute;
    top: 9px;
    left: 9px;
    cursor: pointer;
}

.feature-no-touch .published-charts-tooltip .pin:hover {
    background-position: 32px 0;
}

.published-charts-tooltip .pin.pinned,
.feature-no-touch .published-charts-tooltip .pin.pinned:hover {
    background-position: 16px 0;
}

.published-charts-tooltip .text {
    padding-right: 39px;
    max-width: 250px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    color: #4a4a4a;
    font-weight: bold;
}

html.theme-dark .published-charts-tooltip .text {
    color: #8b8f95;
}

.feature-no-touch .published-charts-tooltip .text:hover {
    text-decoration: underline;
}

.published-charts-tooltip .username {
    font-size: 11px;
    color: #8f8f8f;
    font-weight: normal;
    padding-top: 2px;
    padding-right: 39px;
    white-space: nowrap;
    line-height: 13px;
}


/* arrow */

.published-charts-tooltip:after,
.published-charts-tooltip:before {
    right: 100%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.published-charts-tooltip:after {
    border-width: 1em;
    top: 50%;
    margin-top: -1em;
}

.published-charts-tooltip:before {
    border-width: 1.1em;
    top: 50%;
    margin-top: -1.1em;
}

.published-charts-tooltip:not(.right):after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
}

html.theme-dark .published-charts-tooltip:not(.right):after {
    border-right-color: #131722;
}

.published-charts-tooltip.right:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
}

html.theme-dark .published-charts-tooltip.right:after {
    border-left-color: #131722;
}

.published-charts-tooltip.right:before {
    right: -2.2em;
}

.published-charts-tooltip.right:after {
    right: -2em;
}


/****/

.published-charts-tooltip.green {
    border-color: #78c143;
}

.published-charts-tooltip.red {
    border-color: #cc4545;
}

.published-charts-tooltip.neutral {
    border-color: #eac300;
}

.published-charts-tooltip.green:before {
    border-color: rgba(120, 193, 67, 0);
    border-right-color: #78c143;
}

.published-charts-tooltip.red:before {
    border-color: rgba(204, 69, 69, 0);
    border-right-color: #cc4545;
}

.published-charts-tooltip.neutral:before {
    border-color: rgba(234, 195, 0, 0);
    border-right-color: #eac300;
}

.published-charts-tooltip.green.right:before {
    border-color: rgba(120, 193, 67, 0);
    border-left-color: #78c143;
}

.published-charts-tooltip.red.right:before {
    border-color: rgba(204, 69, 69, 0);
    border-left-color: #cc4545;
}

.published-charts-tooltip.neutral.right:before {
    border-color: rgba(234, 195, 0, 0);
    border-left-color: #eac300;
}

.chart-controls-bar {
    position: absolute;
    contain: strict;
    height: 33px;
    box-sizing: border-box;
    width: 100%;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    overflow: hidden;
    border-top: 1px solid;
    border-color: #e7ebee;
}

html.theme-dark .chart-controls-bar {
    border-color: #2f3241;
}

html.theme-dark .chart-controls-bar {
    background-color: #131722;
}

.charts-popup-list.date-range-popupmenu {
    margin-right: 1px;
}

.charts-popup-list.date-range-popupmenu .item {
    padding-right: 10px;
    padding-left: 10px;
}

@font-face {
    font-family: FontAwesome;
    src: url('../fonts/fontawesome-webfont.eot?v=4.0.3');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.ui-draggable {
    touch-action: none;
}

.chart-gui-button-pseudo-border {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-color: #b5b7b9;
    background: transparent;
    z-index: 1;
}

html.theme-dark .chart-gui-button-pseudo-border {
    border-color: #4c525e;
}

.properties-toolbar .button,
.bottom-widgetbar-content.backtesting .button,
._tv-dialog .button,
.widgetbar-widgetheader .button,
.properties-toolbar .submenu,
.bottom-widgetbar-content.backtesting .submenu,
._tv-dialog .submenu,
.widgetbar-widgetheader .submenu {
    position: relative;
}

.feature-no-touch .properties-toolbar .button:not(.disabled):not(.selected):hover:before,
.feature-no-touch .bottom-widgetbar-content.backtesting .button:not(.disabled):not(.selected):hover:before,
.feature-no-touch ._tv-dialog .button:not(.disabled):not(.selected):hover:before,
.feature-no-touch .widgetbar-widgetheader .button:not(.disabled):not(.selected):hover:before,
.feature-no-touch .properties-toolbar .submenu:not(.disabled):not(.selected):hover:before,
.feature-no-touch .bottom-widgetbar-content.backtesting .submenu:not(.disabled):not(.selected):hover:before,
.feature-no-touch ._tv-dialog .submenu:not(.disabled):not(.selected):hover:before,
.feature-no-touch .widgetbar-widgetheader .submenu:not(.disabled):not(.selected):hover:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-color: #b5b7b9;
    background: transparent;
    z-index: 1;
}

html.feature-no-touch.theme-dark .properties-toolbar .button:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .button:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark ._tv-dialog .button:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark .widgetbar-widgetheader .button:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark .properties-toolbar .submenu:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .submenu:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark ._tv-dialog .submenu:not(.disabled):not(.selected):hover:before,
html.feature-no-touch.theme-dark .widgetbar-widgetheader .submenu:not(.disabled):not(.selected):hover:before {
    border-color: #4c525e;
}

.properties-toolbar .colorpicker-widget:not(.disabled):not(.selected),
.bottom-widgetbar-content.backtesting .colorpicker-widget:not(.disabled):not(.selected),
._tv-dialog .colorpicker-widget:not(.disabled):not(.selected),
.widgetbar-widgetheader .colorpicker-widget:not(.disabled):not(.selected) {
    position: relative;
}

.feature-no-touch .properties-toolbar .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
.feature-no-touch .bottom-widgetbar-content.backtesting .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
.feature-no-touch ._tv-dialog .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
.feature-no-touch .widgetbar-widgetheader .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover {
    border: 1px solid;
    border-color: #d6d8e0;
    z-index: 1;
}

html.feature-no-touch.theme-dark .properties-toolbar .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
html.feature-no-touch.theme-dark ._tv-dialog .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover,
html.feature-no-touch.theme-dark .widgetbar-widgetheader .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover {
    border-color: #131722;
}

.feature-no-touch .properties-toolbar ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
.feature-no-touch .bottom-widgetbar-content.backtesting ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
.feature-no-touch ._tv-dialog ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
.feature-no-touch .widgetbar-widgetheader ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
.feature-no-touch .properties-toolbar .tv-select-container:not(.sbHolderDisabled):hover,
.feature-no-touch .bottom-widgetbar-content.backtesting .tv-select-container:not(.sbHolderDisabled):hover,
.feature-no-touch ._tv-dialog .tv-select-container:not(.sbHolderDisabled):hover,
.feature-no-touch .widgetbar-widgetheader .tv-select-container:not(.sbHolderDisabled):hover {
    border: 1px solid;
    border-color: #b5b7b9;
}

html.feature-no-touch.theme-dark .properties-toolbar ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
html.feature-no-touch.theme-dark ._tv-dialog ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
html.feature-no-touch.theme-dark .widgetbar-widgetheader ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover,
html.feature-no-touch.theme-dark .properties-toolbar .tv-select-container:not(.sbHolderDisabled):hover,
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .tv-select-container:not(.sbHolderDisabled):hover,
html.feature-no-touch.theme-dark ._tv-dialog .tv-select-container:not(.sbHolderDisabled):hover,
html.feature-no-touch.theme-dark .widgetbar-widgetheader .tv-select-container:not(.sbHolderDisabled):hover {
    border-color: #4c525e;
}

.feature-no-touch .widgetbar-widgetheader .button:hover {
    border: 1px solid;
    border-color: #f7f8fa;
}

html.feature-no-touch.theme-dark .widgetbar-widgetheader .button:hover {
    border-color: #4c525e;
}

#footer-chart-panel .tv-close-panel {
    position: absolute;
    right: 6px;
    top: -6px;
    height: 6px;
}

.property-page.strategy-properties td input[type='text'] {
    width: 100px;
}

.property-page.strategy-properties tr.spacer td {
    padding: 0;
    height: 15px;
}

.property-page.strategy-properties input+label {
    margin: 0 8px 0 12px;
}

.property-page.strategy-properties tr.disabled,
.property-page.strategy-properties tr.disabled label:not(.always-enabled) {
    color: #cccccc;
}

.property-page.strategy-properties input[type='text']:disabled {
    color: #cccccc;
}

.tv-pagination-block {
    padding: 30px 0;
}

.tv-pagination-block span,
.tv-pagination-block a {
    box-sizing: border-box;
    display: inline-block;
    margin-left: 7px;
    padding: 0 5px;
    height: 24px;
    min-width: 24px;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    background-color: #3bb3e4;
}

.tv-pagination-block span.page:not(.current),
.tv-pagination-block a.page:not(.current) {
    color: #ffffff;
}

.feature-no-touch .tv-pagination-block span.page:not(.current):hover,
.feature-no-touch .tv-pagination-block a.page:not(.current):hover {
    background-color: #3babd8;
}

.feature-no-touch .tv-pagination-block span.page:not(.current):active,
.feature-touch .tv-pagination-block span.page:not(.current):active,
.feature-no-touch .tv-pagination-block a.page:not(.current):active,
.feature-touch .tv-pagination-block a.page:not(.current):active {
    background-color: #049ddc;
}

.tv-pagination-block span.current,
.tv-pagination-block a.current {
    background-color: #d8e1ea;
    font-weight: bold;
}

.tv-pagination-block span.gap,
.tv-pagination-block a.gap {
    padding: 0;
    background-color: transparent;
}

.tv-pagination-block span.prev,
.tv-pagination-block a.prev,
.tv-pagination-block span.next,
.tv-pagination-block a.next {
    padding: 0;
    width: 30px;
    background-color: transparent;
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark .tv-pagination-block span.prev,
html.theme-dark .tv-pagination-block a.prev,
html.theme-dark .tv-pagination-block span.next,
html.theme-dark .tv-pagination-block a.next {
    color: #299dcd;
}

.tv-pagination-block span.prev:visited,
.tv-pagination-block a.prev:visited,
.tv-pagination-block span.next:visited,
.tv-pagination-block a.next:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark .tv-pagination-block span.prev:visited,
html.theme-dark .tv-pagination-block a.prev:visited,
html.theme-dark .tv-pagination-block span.next:visited,
html.theme-dark .tv-pagination-block a.next:visited {
    fill: #299dcd;
}

html.theme-dark .tv-pagination-block span.prev:visited,
html.theme-dark .tv-pagination-block a.prev:visited,
html.theme-dark .tv-pagination-block span.next:visited,
html.theme-dark .tv-pagination-block a.next:visited {
    color: #299dcd;
}

.feature-no-touch .tv-pagination-block span.prev:hover,
.feature-no-touch .tv-pagination-block a.prev:hover,
.feature-no-touch .tv-pagination-block span.next:hover,
.feature-no-touch .tv-pagination-block a.next:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .tv-pagination-block span.prev:active,
.feature-touch .tv-pagination-block span.prev:active,
.feature-no-touch .tv-pagination-block a.prev:active,
.feature-touch .tv-pagination-block a.prev:active,
.feature-no-touch .tv-pagination-block span.next:active,
.feature-touch .tv-pagination-block span.next:active,
.feature-no-touch .tv-pagination-block a.next:active,
.feature-touch .tv-pagination-block a.next:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

.tv-pagination-block span.prev.inactive,
.tv-pagination-block a.prev.inactive,
.tv-pagination-block span.next.inactive,
.tv-pagination-block a.next.inactive {
    color: #cccccc;
    pointer-events: none;
}

.tv-pagination-block span.prev,
.tv-pagination-block a.prev {
    margin-right: -6px;
}

.sb-inner-shadow {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 10px;
    background: #ffffff;
    z-index: 5;
    pointer-events: none;
    transform: translateY(0);
    transition: opacity ease 0.11666667s, transform ease 0.11666667s;
}

html.theme-dark .sb-inner-shadow {
    background: #171b29;
}

.sb-inner-shadow.top {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    top: -10px;
}

.sb-inner-shadow.i-invisible {
    opacity: 0;
    transform: translateY(5px);
}

.sb-inner-shadow.i-invisible.top {
    transform: translateY(-5px);
}

.sb-inner-shadow.i-invisible {
    opacity: 0;
}

.sb-scrollbar {
    position: absolute !important;
    opacity: 0;
    width: 7px;
    height: 100px;
    top: 73px;
    left: 1px;
    z-index: 1;
    transition: opacity 0.3s;
}

.sb-scrollbar.active,
.sb-scrollbar.active-always {
    opacity: 1;
}

.sb-scrollbar__content-wrapper--scroll-inited {
    position: relative;
}

.sb-scrollbar__content--scroll-inited {
    position: absolute;
}

.sb-scrollbar-wrap {
    position: absolute;
    top: 0;
    left: 1px;
    width: 6px;
    height: 100%;
    z-index: 1;
}

.sb-scrollbar-wrap .sb-scrollbar {
    left: 0;
}

.sb-scrollbar-body {
    width: 6px;
    border: 0;
    background: #d8d8d8;
}

html.theme-dark .sb-scrollbar-body {
    background: #4f5966;
}

.gray .sb-scrollbar-body {
    background: #75757a;
    border-color: #75757a;
    border-radius: 3px;
}

.sb-scrollbar-top,
.sb-scrollbar-bottom {
    display: none;
}

.gray,
.active-always.gray {
    opacity: 0.5;
}

.symbol-list-container,
.symbol-list {
    position: relative;
}

.minimized .symbol-list-container,
.minimized .symbol-list-header {
    display: none;
}

.symbol-list-header {
    height: 21px;
    z-index: 1;
    margin: 0 3px;
    border-bottom: 1px solid;
    border-bottom-color: #ebedf0;
    color: #888989;
    cursor: default;
}

html.theme-dark .symbol-list-header {
    color: #758696;
}

html.theme-dark .symbol-list-header {
    border-bottom-color: #363c4e;
}

.symbol-list-header.sortable {
    cursor: default;
}

.feature-no-touch .symbol-list-header.sortable .sorter:hover {
    color: #4c4f66;
}

.symbol-list-item {
    display: block;
    position: relative;
    height: 32px;
    color: #8f8f8f;
    font-size: 13px;
    font-family: Tahoma, Arial, sans-serif;
    padding-right: 10px;
}

.symbol-list-item:nth-child(even) {
    background-color: #f7f8fa;
}

html.theme-dark .symbol-list-item:nth-child(even) {
    background-color: #1c2030;
}

.feature-no-touch .symbol-list-item:hover {
    background-color: #edf1f2;
}

html.feature-no-touch.theme-dark .symbol-list-item:hover {
    background-color: #262b3e;
}

.symbol-list-item>div,
.symbol-list-header div {
    display: inline-block;
}

.symbol-list-header>div {
    /*padding: 3px 0 0;*/
}

.symbol-list-item .symbol {
    overflow: hidden;
}

.symbol-list-item .symbol,
.symbol-list-item .last-block,
.symbol-list-item .change {
    margin: 8px 0 0 0;
    white-space: nowrap;
    vertical-align: top;
}

.symbol-list-header .header-symbol,
.symbol-list-header .header-estimate,
.symbol-list-header .header-change,
.symbol-list-header .header-last {
    padding-top: 1px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.symbol-list-item .symbol,
.symbol-list-header .header-symbol {
    width: 25%;
    text-indent: 10px;
}

.symbol-list-item .estimate,
.symbol-list-header .header-estimate {
    width: 10%;
    text-align: left;
}

.symbol-list-item .last-block,
.symbol-list-header .header-last {
    width: 30%;
    text-align: left;
}

.symbol-list-header .header-last {
    width: 30%;
}

.symbol-list-header .header-last span {
    padding-left: 8px;
}

.symbol-list-item .last-block .last {
    padding: 0 2px;
}

.symbol-list-item .change,
.symbol-list-header .header-change {
    width: 45%;
    text-align: left;
}

.symbol-list-header .header-change div {
    margin: 0 0 0 3px;
}

.symbol-list-item .change .percent,
.symbol-list-header .header-change div:last-child {
    margin: 0 0 0 8px;
}

.symbol-list-item .change .ratio,
.symbol-list-item .change .percent,
.symbol-list-item .last-block .last {
    display: inline-block;
    direction: ltr
}

.symbol-list-item .last-block .last {
    float: left
}

.symbol-list-item.active {
    background-color: rgba(232, 247, 254, 0.4);
}

html.theme-dark .symbol-list-item.active {
    background-color: rgba(33, 56, 77, 0.4);
}

.symbol-list-item.active .addition {
    border-right: 3px solid #3e98cd;
}

.symbol-list-item.selected,
.symbol-list-item.focused {
    background-color: #e8f7fe;
}

html.theme-dark .symbol-list-item.selected,
html.theme-dark .symbol-list-item.focused {
    background-color: #21384d;
}

.feature-no-touch .symbol-list-item.selected:hover,
.feature-no-touch .symbol-list-item.focused:hover {
    background-color: #e8f7fe;
}

html.feature-no-touch.theme-dark .symbol-list-item.selected:hover,
html.feature-no-touch.theme-dark .symbol-list-item.focused:hover {
    background-color: #21384d;
}

.feature-touch .symbol-list-item.selected .marker,
.feature-touch .symbol-list-item.focused .marker {
    visibility: visible;
}

.symbol-list-item .addition {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
}

.symbol-list-item .marker {
    display: inline-flex;
    visibility: hidden;
}

.symbol-list-item .marker--active {
    visibility: visible;
}

.feature-no-touch .symbol-list-item:hover .marker {
    visibility: visible;
}

.symbol-list .controls {
    display: none;
    position: absolute;
    top: 6px;
    left: 100%;
    overflow: hidden;
    height: 100%;
}

.feature-no-touch .symbol-list-item:hover .controls,
.feature-touch .symbol-list-item.active .controls {
    /* Hacky-fucky workaround for IOS7 Safari. See TV-3545. */
    left: 8px;
    display: block;
}

.controls-delete {
    display: none;
}

.symbol-list.deletable .controls-delete {
    display: block;
    width: 20px;
    height: 20px;
    background: #da563e url() 50% 50% no-repeat;
    opacity: .75;
}

.feature-no-touch .symbol-list.deletable .controls-delete:hover {
    opacity: 1;
}

.symbol-list-item.success {
    color: #4a4a4a;
}

html.theme-dark .symbol-list-item.success {
    color: #c5cbce;
}

.symbol-list-item.error {
    color: #da563e;
}

.symbol-list-item .change.success .percent:before {
    content: '(';
}

.symbol-list-item .change.success .percent:after {
    content: ')';
}

.symbol-list-item .plus {
    color: #238859;
}

.symbol-list-item .minus {
    color: #dc5538;
}

.symbol-list-item .plus-bg,
.symbol-list-item .minus-bg {
    color: white;
}

.symbol-list-item .plus-bg {
    background-color: #238859;
}

.symbol-list-item .minus-bg {
    background-color: #dc5538;
}

.symbol-list-item .symbol-exclamation-mark {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 10px;
    background: url() center no-repeat;
    margin: 3px 3px 2px 0;
    cursor: default;
}

.wl-symbol-edit {
    float: right;
    background: #ffffff;
    font-size: 12px;
    /* line-height: 15px; */
    width: 100px;
    padding: 0 5px;
    border: 1px solid;
    border-color: #dadde0;
    color: #4a4a4a;
    height: 30px;
    box-sizing: border-box;
}

html.theme-dark .wl-symbol-edit {
    color: #c5cbce;
}

html.theme-dark .wl-symbol-edit {
    border-color: #363c4e;
}

html.theme-dark .wl-symbol-edit {
    background: #131722;
}

.wl-symbol-edit::-webkit-input-placeholder {
    color: #7d7d7d;
}

.wl-symbol-edit:-ms-input-placeholder {
    color: #7d7d7d;
}

.wl-symbol-edit::-ms-input-placeholder {
    color: #7d7d7d;
}

.wl-symbol-edit::placeholder {
    color: #7d7d7d;
}

html.theme-dark .wl-symbol-edit::-webkit-input-placeholder {
    color: #758696;
}

html.theme-dark .wl-symbol-edit:-ms-input-placeholder {
    color: #758696;
}

html.theme-dark .wl-symbol-edit::-ms-input-placeholder {
    color: #758696;
}

html.theme-dark .wl-symbol-edit::placeholder {
    color: #758696;
}

.feature-no-touch .wl-symbol-edit:focus,
.feature-touch .wl-symbol-edit:focus {
    border-color: #4c82ce !important;
}

.symbol-list-item sup {
    font-size: 80%;
}

.symbol-list .symbol-status {
    display: inline-block;
    text-indent: 0;
    margin-right: 5px;
}

.symbol-list .positions.symbol-status svg {
    width: 11px;
    height: 11px;
    margin-bottom: 1px;
}

.symbol-list .positions.buy {
    fill: #4094e8;
}

.symbol-list .positions.sell {
    fill: #e75656;
}


/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */


/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}


/* required comment for clearfix to work in Opera \*/

* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}


/* end clearfix */

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
}


/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/


/* states and images */

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff 50% 50% repeat-x;
    color: #6b6b6d;
}

html.theme-dark .ui-widget-content {
    color: #2f3241;
}

html.theme-dark .ui-widget-content {
    background: #171b29 50% 50% repeat-x;
}

.ui-widget-content a {
    color: #6b6b6d;
}

html.theme-dark .ui-widget-content a {
    color: #2f3241;
}

.ui-widget-header {
    border: 1px solid;
    border-color: #c9cbcd;
    background: #fafafa;
    color: #6b6b6d;
}

html.theme-dark .ui-widget-header {
    color: #2f3241;
}

html.theme-dark .ui-widget-header {
    background: #2f3241;
}

html.theme-dark .ui-widget-header {
    border-color: #2f3241;
}

.ui-widget-header a {
    color: #6b6b6d;
}

html.theme-dark .ui-widget-header a {
    color: #2f3241;
}


/* Interaction states
----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #fafafa;
    font-weight: normal;
    color: #555555;
}

html.theme-dark .ui-state-default,
html.theme-dark .ui-widget-content .ui-state-default,
html.theme-dark .ui-widget-header .ui-state-default {
    color: #8b8f95;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
    color: #555555;
    text-decoration: none;
}

html.theme-dark .ui-state-default a,
html.theme-dark .ui-state-default a:link,
html.theme-dark .ui-state-default a:visited {
    color: #8b8f95;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 1px solid #999999;
    background: #dadada;
    font-weight: normal;
    color: #212121;
}

.ui-state-hover a,
.feature-no-touch .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #ffffff 50% 50% repeat-x;
    font-weight: normal;
    color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #212121;
    text-decoration: none;
}

.feature-no-touch .ui-widget :active,
.feature-touch .ui-widget :active {
    outline: none;
}


/* Interaction Cues
----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #FDE763;
    background: #FFF8CF;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: alpha(opacity=70);
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: alpha(opacity=35);
    background-image: none;
}


/* Icons
----------------------------------*/


/* states and images */


/* positioning */


/*
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
*/


/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */


/*
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
*/


/* Misc visuals
----------------------------------*/


/* Overlays */

.ui-widget-overlay {
    background: #aaaaaa 50% 50% repeat-x;
    opacity: .30;
    filter: alpha(opacity=30);
}

.ui-widget-shadow {
    margin: -8px -8px 0 0;
    padding: 8px;
    background: #aaaaaa 50% 50% repeat-x;
    opacity: .30;
    filter: alpha(opacity=30);
    border-radius: 8px;
}


/*
 * jQuery UI Resizable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    right: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    right: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: sw-resize;
    width: 12px;
    height: 12px;
    left: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: se-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}


/*
 * jQuery UI Selectable 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}


/*
 * jQuery UI Accordion 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */


/* IE/Win - Fix animation bug - #4615 */


/*
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
*/


/*
 * jQuery UI Autocomplete 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */

.ui-autocomplete {
    position: absolute;
    cursor: default;
}


/* workarounds */

* html .ui-autocomplete {
    width: 1px;
}


/* without this, the menu expands to 100% in IE6 */


/*
 * jQuery UI Menu 1.8.11
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: right;
}

.ui-menu .ui-menu {
    margin-top: -3px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: right;
    clear: right;
    width: 100%;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: .2em .4em;
    line-height: 1.5;
    zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}


/*
 * jQuery UI Button 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-left: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}


/* the overflow property removes extra width in IE */

.ui-button-icon-only {
    width: 2.2em;
}


/* to make room for the icon, a width needs to be set here */

button.ui-button-icon-only {
    width: 2.4em;
}


/* button elements seem to need a little more width */

.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}


/*button text element */

.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icons .ui-button-text {
    padding-right: 2.1em;
    padding-left: 2.1em;
}


/* no icon support for input elements, provide padding by default */

input.ui-button {
    padding: .4em 1em;
}


/*button icon element(s) */

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    right: 50%;
    margin-right: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
    right: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    left: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
    left: .5em;
}


/*button sets*/

.ui-buttonset {
    margin-left: 7px;
}

.ui-buttonset .ui-button {
    margin-right: 0;
    margin-left: -0.3em;
}


/* workarounds */

button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}


/* reset extra padding in Firefox */


/*
 * jQuery UI Dialog 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */


/*
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
*/


/*
 * jQuery UI Slider 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */

.ui-slider {
    position: relative;
    text-align: right;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 100% 0;
}

.ui-slider-horizontal {
    height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-right: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
    right: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
    left: 0;
}

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
    right: -0.3em;
    margin-right: 0;
    margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
    right: 0;
    width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0;
}


/*
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */


/*
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed")
*/

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: right;
    position: relative;
    top: 1px;
    margin: 0 0 1px .2em;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
    float: right;
    padding: .5em 1em;
    text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}


/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    margin: 5px 0px;
    background: none;
}

.ui-tabs .ui-tabs-hide {
    position: absolute;
    right: -10000px;
}


/*
 * jQuery UI Datepicker 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */

.ui-datepicker {
    padding: 0;
    border: none;
    display: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    height: 53px;
    line-height: 53px;
    border: none;
    padding: 0;
    background-color: #3bb3e4;
    color: #ffffff;
}

html.theme-dark .ui-datepicker .ui-datepicker-header {
    color: #c5cbce;
}

html.theme-dark .ui-datepicker .ui-datepicker-header {
    background-color: #21384d;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    opacity: 0.8;
    position: absolute;
    top: 0px;
    width: 40px;
    height: 100%;
    background: none;
    border: none;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
    opacity: 0.4;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover:not(.ui-state-disabled),
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover:not(.ui-state-disabled) {
    opacity: 1;
    background: none;
    border: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
    margin-right: -5px;
    width: 9px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14' width='9' height='14' fill='%23fff'%3E%3Cpath d='m2 0l-2 2 5 5-5 5 2 2 7-7z'/%3E%3C/svg%3E");
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 0;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
    margin-right: -4px;
    width: 9px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14' width='9' height='14' fill='%23fff'%3E%3Cpath d='m0 7l7-7 2 2-5 5 5 5-2 2z'/%3E%3C/svg%3E");
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    right: 50%;
    margin-right: -8px;
    top: 50%;
    margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker table {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    margin: 0;
    border: 1px solid;
    border-color: #d6d6d6;
    border-top: none;
}

html.theme-dark .ui-datepicker table {
    border-color: #363c4e;
}

.ui-datepicker th {
    width: 40px;
    height: 28px;
    border-bottom: 1px solid red;
    padding: 0;
    border: none;
    border-bottom: 1px solid;
    border-bottom-color: #d6d6d6;
    text-align: center;
    font-weight: normal;
    color: #8d9196;
    background-color: #f8f8f8;
}

html.theme-dark .ui-datepicker th {
    background-color: #2f3241;
}

html.theme-dark .ui-datepicker th {
    border-bottom-color: #363c4e;
}

.ui-datepicker td {
    border: none;
    padding: 0;
    margin: 0;
}

.ui-datepicker td span,
.ui-datepicker td a,
.ui-datepicker td span.ui-state-default,
.ui-datepicker td a.ui-state-default {
    display: block;
    position: relative;
    height: 39px;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 40px;
    background: #ffffff;
    border: none;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #d6d6d6;
    text-decoration: none;
}

html.theme-dark .ui-datepicker td span,
html.theme-dark .ui-datepicker td a,
html.theme-dark .ui-datepicker td span.ui-state-default,
html.theme-dark .ui-datepicker td a.ui-state-default {
    border-color: #363c4e;
}

html.theme-dark .ui-datepicker td span,
html.theme-dark .ui-datepicker td a,
html.theme-dark .ui-datepicker td span.ui-state-default,
html.theme-dark .ui-datepicker td a.ui-state-default {
    background: #171b29;
}

.ui-datepicker td span.ui-state-highlight,
.ui-datepicker td a.ui-state-highlight,
.ui-datepicker td span.ui-state-default.ui-state-highlight,
.ui-datepicker td a.ui-state-default.ui-state-highlight {
    color: #00b9db;
}

.ui-datepicker td span.ui-state-highlight:after,
.ui-datepicker td a.ui-state-highlight:after,
.ui-datepicker td span.ui-state-default.ui-state-highlight:after,
.ui-datepicker td a.ui-state-default.ui-state-highlight:after {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 11px 11px;
    border-color: transparent transparent transparent #00badb;
}

.ui-datepicker td span.ui-state-hover,
.ui-datepicker td a.ui-state-hover,
.ui-datepicker td span.ui-state-default.ui-state-hover,
.ui-datepicker td a.ui-state-default.ui-state-hover {
    background: #edf1f2;
}

html.theme-dark .ui-datepicker td span.ui-state-hover,
html.theme-dark .ui-datepicker td a.ui-state-hover,
html.theme-dark .ui-datepicker td span.ui-state-default.ui-state-hover,
html.theme-dark .ui-datepicker td a.ui-state-default.ui-state-hover {
    background: #262b3e;
}

.ui-datepicker td.ui-datepicker-current-day span,
.ui-datepicker td.ui-datepicker-current-day a {
    border: 2px solid;
    border-color: #3bb3e4;
    color: #3bb3e4;
    height: 36px;
    line-height: 37px;
}

html.theme-dark .ui-datepicker td.ui-datepicker-current-day span,
html.theme-dark .ui-datepicker td.ui-datepicker-current-day a {
    color: #3bb3e4;
}

html.theme-dark .ui-datepicker td.ui-datepicker-current-day span,
html.theme-dark .ui-datepicker td.ui-datepicker-current-day a {
    border-color: #3bb3e4;
}


/* todo: Remove after check datapicker in all browsers   */


/*.ui-datepicker td:last-child span:not(.ui-state-highlight),*/


/*.ui-datepicker td:last-child a:not(.ui-state-highlight) {*/


/*border-right: none;*/


/*}*/


/*.ui-datepicker tr:last-child td span:not(.ui-state-highlight),*/


/*.ui-datepicker tr:last-child td a:not(.ui-state-highlight) {*/


/*border-bottom: none;*/


/*}*/

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: left;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}


/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
    width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
    float: right;
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: right;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}


/*
 * jQuery UI Progressbar 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */


/*
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
*/


/*
 * Treeview
 */


/*
.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.treeview ul {
    background-color: white;
    margin-top: 4px;
}
.treeview .hitarea {
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
* html .hitarea {
    display: inline;
    float:none;
}
.treeview li {
    margin: 0; padding: 3px 0pt 3px 16px;
}
.treeview a.selected {
    background-color: #eee;
}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview .placeholder {
    height: 16px;
    width: 16px;
    display: block;
}
*/


/*
 * Spinbox
 */


/*
input.spinbox-active {
	background-position:right 0px;
	background-repeat:no-repeat;
	width: 60px;
}
input.spinbox-active.spinbox-up-hover {
	background-position:right -18px;
	cursor:pointer;
}
input.spinbox-active.spinbox-down-hover {
	background-position:right -36px;
	cursor:pointer;
}
input.spinbox-active.spinbox-up {
	background-position:right -72px;
	cursor:pointer;
}
input.spinbox-active.spinbox-down {
	background-position:right -54px;
	cursor:pointer;
}
*/

html,
body {
    background: none;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

body {
    min-width: 240px;
}

#library-container {
    border: 1px solid #d9dadb;
    background: #ffffff;
}

#library-container #showExtendedHoursLink {
    display: none;
}

.on-widget .open-popup {
    margin-right: 4px;
    padding: 7px;
    border-width: 0 !important;
}

.on-widget .open-popup {
    border: none;
    background: #6798bb;
}

.feature-no-touch .on-widget .open-popup:hover {
    background: #69a3cc;
}

.feature-no-touch .on-widget .open-popup:active,
.feature-touch .on-widget .open-popup:active {
    background: #71acd6;
}

.on-widget .open-popup svg {
    display: block;
    width: 16px;
    height: 14px;
    fill: #ffffff;
}

.on-widget .widgetbar-widget-hotlist .widgetbar-widgetheader .widgetbar-headerspace {
    display: none;
}

.onchart-tv-logo,
.onchart-cme-logo,
.onchart-custom-logo {
    display: block;
    position: absolute;
    z-index: 10;
}

.onchart-cme-logo {
    right: 10px;
    bottom: 25px;
    width: 135px;
}

.onchart-tv-logo,
.onchart-custom-logo {
    right: 1px;
    bottom: 22px;
    width: auto;
}

.onchart-tv-logo.on-pane,
.onchart-custom-logo.on-pane {
    bottom: 1px;
}

.onchart-custom-logo .inner {
    display: block;
    padding: 2px 9px 2px 9px;
    transition: background 0.7s ease;
    background-color: rgba(255, 255, 255, 0.8);
}

.onchart-custom-logo .wrapper {
    display: block;
    padding: 3px;
    border-radius: 3px;
    transition: background 0.7s ease;
    background-color: rgba(255, 255, 255, 0.4);
}

.onchart-custom-logo table.inner {
    border-collapse: collapse;
    border: 0px;
}

.onchart-custom-logo table.inner tbody {
    opacity: 0.6;
}

.onchart-custom-logo table.inner td {
    padding: 0px;
}

.onchart-custom-logo table.inner td.custom-logo {
    line-height: 0px;
}

.onchart-custom-logo table.inner td.tv-link {
    text-align: center;
    line-height: 10px;
    /* same as font size */
}

.onchart-custom-logo .text {
    font-size: 10px;
}

.onchart-tv-logo .wrapper {
    display: block;
    padding: 3px;
    transition: background 0.7s ease;
}

.onchart-tv-logo.expanded .wrapper {
    background-color: rgba(255, 255, 255, 0.3);
}

.onchart-tv-logo.expanded.grey .wrapper {
    background-color: rgba(255, 255, 255, 0.3);
}

.onchart-tv-logo.expanded.blue .wrapper {
    background-color: rgba(255, 255, 255, 0.3);
}

.onchart-tv-logo.black .wrapper {
    background-color: rgba(0, 0, 0, 0.3);
}

.onchart-tv-logo.expanded.black .wrapper {
    background-color: rgba(255, 255, 255, 0.3);
}

.onchart-tv-logo .inner {
    display: block;
    height: 32px;
    line-height: 31px;
    padding: 0 9px;
    transition: background 0.7s ease;
}

.onchart-tv-logo.expanded .inner {
    background-color: rgba(255, 255, 255, 0.8);
}

.onchart-tv-logo.expanded.grey .inner {
    background-color: rgba(224, 222, 222, 0.8);
}

.onchart-tv-logo.expanded.blue .inner {
    background-color: rgba(209, 232, 255, 0.8);
}

.onchart-tv-logo.expanded.black .inner {
    background-color: rgba(0, 0, 0, 0.8);
}

.onchart-tv-logo img {
    width: 33px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    transition: display 0.7s ease;
}

.onchart-tv-logo .text {
    display: inline-block;
    width: 0px;
    overflow: hidden;
    /*padding-left: 4px;*/
    padding-right: 36px;
    vertical-align: middle;
    transition: width 0.7s ease;
}

.onchart-tv-logo.expanded .text {
    width: 147px;
    /* not 'auto' because of transition */
}

.onchart-tv-logo img {
    display: block;
    position: absolute;
    top: 8px;
    transition: opacity 0.7s ease;
}

.onchart-tv-logo img.faded {
    opacity: 1;
}

.onchart-tv-logo.expanded img.faded {
    opacity: 0;
}

.text .logo-highlighted {
    font-weight: bold;
    text-decoration: underline;
}

.onchart-cme-logo img {
    width: inherit;
    opacity: 0.55;
}

.onchart-cme-logo a.onchart-logo {
    width: inherit;
    white-space: nowrap;
    position: relative;
    top: -6px;
    right: 0px;
    color: #007fb9;
    opacity: 0.7;
    font-size: 12px;
}

.onchart-cme-logo a.onchart-logo .logo-fade {
    color: #231f20;
    opacity: 0.85;
}

.on-cme-widget .symbol-search-dialog .filter,
.on-cme-widget .symbol-edit-popup .filter {
    display: none;
}

.on-cme-widget .symbol-search-dialog .results {
    height: 450px;
}

.tv-embed-buttons-contaner {
    float: left;
}


/* Custom Logo */

.onchart-tv-logo a {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark .onchart-tv-logo a {
    color: #299dcd;
}

.onchart-tv-logo a:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark .onchart-tv-logo a:visited {
    fill: #299dcd;
}

html.theme-dark .onchart-tv-logo a:visited {
    color: #299dcd;
}

.feature-no-touch .onchart-tv-logo a:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .onchart-tv-logo a:active,
.feature-touch .onchart-tv-logo a:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

.onchart-tv-logo img.custom-image {
    position: relative;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
}

.load-chart .chart-search,
.load-chart .chart-search input {
    width: 100%;
}


/* remove it when we have more tabs in Edit Object Dialog */

.properties-tabs-label {
    margin-left: 30px;
}

@media only screen and (max-width: 750px) {
    .charts-popup-list .item.save-load-chart-title {
        display: block;
    }
}

.charts-popup-list .item .title,
.charts-popup-list .item .title-expanded {
    width: auto;
}

.common-tooltip-s2GEoMlT- {
    display: inline-flex;
    position: fixed;
    color: #f2f3f5;
    font-size: 12px;
    line-height: 18px;
    opacity: 1;
    transition: opacity .15s linear;
    z-index: 1000;
}

html.theme-dark .common-tooltip-s2GEoMlT- {
    color: #c5cbce;
}

.common-tooltip--hidden-Z0EAvXgv- {
    opacity: 0;
}

.common-tooltip--horizontal-13imOC5w- {
    margin: 4px 0;
}

.common-tooltip--horizontal-13imOC5w-.common-tooltip--farther-2yXMAkHF- {
    margin: 8px 0;
}

.common-tooltip--vertical-mcRoucek- {
    margin: 0 4px;
}

.common-tooltip--vertical-mcRoucek-.common-tooltip-farther-XoKytD99- {
    margin: 0 8px;
}

.common-tooltip--no-pointer-events-3nL0Vygu- {
    pointer-events: none;
}

.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--horizontal-13imOC5w- {
    margin: 8px 0;
}

.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--vertical-mcRoucek- {
    margin: 0 8px;
}

.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--horizontal-13imOC5w-.common-tooltip--farther-2yXMAkHF- {
    margin: 14px 0;
}

.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--vertical-mcRoucek-.common-tooltip--farther-2yXMAkHF- {
    margin: 0 14px;
}

.common-tooltip--direction_normal-3u9ejKM2- {
    flex-direction: row;
}

.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__body-356XFpBj- {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__button-container-3EjyKV3s-,
.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__body--no-buttons-3quqi1Sv- {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__button-1rnQgujz-:not(:last-child) {
    margin-left: 1px;
}

.common-tooltip--direction_reversed-XN-JUTdr- {
    flex-direction: row-reverse;
}

.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__body-356XFpBj- {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__button-container-3EjyKV3s-,
.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__body--no-buttons-3quqi1Sv- {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__button-1rnQgujz-:not(:first-child) {
    margin-right: 1px;
}

.common-tooltip__ear-holder-yIJjpvgu- {
    position: relative;
}

.common-tooltip__ear-holder-yIJjpvgu-:after {
    content: '';
    display: block;
    position: absolute;
    box-sizing: border-box;
    z-index: 1001;
    width: 0;
    height: 0;
    border: 0 solid;
    border-color: #262b3e;
}

html.theme-dark .common-tooltip__ear-holder-yIJjpvgu-:after {
    border-color: #4f5966;
}

.common-tooltip__ear-holder--below-1rmzWejA-:after,
.common-tooltip__ear-holder--above-1D8FkNkw-:after {
    left: 50%;
    margin-left: -6px;
    border-left: 6px solid;
    border-left-color: transparent;
    border-right: 6px solid;
    border-right-color: transparent;
}

html.theme-dark .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark .common-tooltip__ear-holder--above-1D8FkNkw-:after {
    border-left-color: transparent;
}

html.theme-dark .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark .common-tooltip__ear-holder--above-1D8FkNkw-:after {
    border-right-color: transparent;
}

.common-tooltip__ear-holder--below-1rmzWejA-:after {
    bottom: 100%;
    border-bottom-width: 4px;
}

.common-tooltip__ear-holder--above-1D8FkNkw-:after {
    top: 100%;
    border-top-width: 4px;
}

.common-tooltip__ear-holder--before-oXq5sFXr-:after,
.common-tooltip__ear-holder--after-BnAcuW1N-:after {
    top: 50%;
    margin-top: -6px;
    border-top: 6px solid;
    border-top-color: transparent;
    border-bottom: 6px solid;
    border-bottom-color: transparent;
}

html.theme-dark .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark .common-tooltip__ear-holder--after-BnAcuW1N-:after {
    border-bottom-color: transparent;
}

html.theme-dark .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark .common-tooltip__ear-holder--after-BnAcuW1N-:after {
    border-top-color: transparent;
}

.common-tooltip__ear-holder--before-oXq5sFXr-:after {
    right: 100%;
    border-right-width: 4px;
}

.common-tooltip__ear-holder--after-BnAcuW1N-:after {
    left: 100%;
    border-left-width: 4px;
}

.common-tooltip__body-356XFpBj- {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 3px 8px;
    max-width: 320px;
    background-color: #262b3e;
    white-space: pre-wrap;
    word-wrap: break-word;
    text-align: right;
    overflow: hidden;
}

html.theme-dark .common-tooltip__body-356XFpBj- {
    background-color: #4f5966;
}

.common-tooltip__body--with-hotkey-2wXRtgYZ- {
    display: flex;
    max-width: 420px;
    padding: 0;
}

.common-tooltip__body--width_wide-3oG604Li- {
    max-width: 640px;
}

.common-tooltip__body--width_narrow-34hrFTFo- {
    max-width: 200px;
}

.common-tooltip__hotkey-block-2gS_uAOl- {
    display: inline-flex;
    flex: 1 0 auto;
    padding: 4px 8px 5px;
    line-height: 12px;
    align-items: center;
    justify-content: center;
    color: #ff9850;
}

.common-tooltip__hotkey-block--divider-rQ38KmpQ- {
    border-right: 1px solid #4c525e;
    margin-right: 8px;
}

.common-tooltip__hotkey-text-1eb7dyCg- {
    display: inline-flex;
    align-items: center;
    margin: 3px 8px 3px 0;
}

.common-tooltip__hotkey-button-1XJ40e4D- {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 13px;
    min-width: 7px;
    padding: 0 3px;
    border: 1px solid;
    border-radius: 2px;
    color: #ff9850;
}

.common-tooltip__plus-sign-3CKSupKp- {
    width: 13px;
    height: 15px;
    line-height: 16px;
    text-align: center;
}

.common-tooltip__button-container-3EjyKV3s- {
    display: flex;
    position: relative;
    overflow: hidden;
}

.common-tooltip__button-1rnQgujz- {
    display: flex;
    color: white;
    background-color: #3bb3e4;
    padding: 0 10px;
    align-items: center;
}

.feature-no-touch .common-tooltip__button-1rnQgujz-:hover {
    background-color: #1592e6;
}


/* Themes */

.common-tooltip-s2GEoMlT-.theme-white {
    color: #333333;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__body-356XFpBj- {
    background-color: #ffffff;
    border-radius: 0;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder-yIJjpvgu- {
    border: 1px solid #d6d6d6;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder-yIJjpvgu-:after {
    border-color: #ffffff;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:after,
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:after {
    border-right: 6px solid;
    border-right-color: transparent;
    border-left: 6px solid;
    border-left-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:after {
    border-left-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:after {
    border-right-color: transparent;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:after,
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:after {
    border-top: 6px solid;
    border-top-color: transparent;
    border-bottom: 6px solid;
    border-bottom-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:after {
    border-bottom-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:after {
    border-top-color: transparent;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder-yIJjpvgu-:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1000;
    width: 0;
    height: 0;
    border: 0 solid;
    border-color: #d6d6d6;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:before,
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:before {
    right: 50%;
    margin-right: -7px;
    border-right: 7px solid;
    border-right-color: transparent;
    border-left: 7px solid;
    border-left-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:before,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:before {
    border-left-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:before,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:before {
    border-right-color: transparent;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:before {
    top: -6px;
    border-bottom-width: 6px;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:before {
    bottom: -6px;
    border-top-width: 6px;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:before,
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before {
    top: 50%;
    margin-top: -7px;
    border-top: 7px solid;
    border-top-color: transparent;
    border-bottom: 7px solid;
    border-bottom-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:before,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before {
    border-bottom-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:before,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before {
    border-top-color: transparent;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:before {
    right: -6px;
    border-left-width: 6px;
}

.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before {
    left: -6px;
    border-right-width: 6px;
}

.common-tooltip-s2GEoMlT-.theme-round-shadow {
    color: #333333;
    box-shadow: 0 1px 3px 0 rgba(42, 44, 57, 0.29);
}

.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__body-356XFpBj- {
    background-color: #ffffff;
}

.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder-yIJjpvgu-:after {
    border-color: #ffffff;
}

.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--below-1rmzWejA-:after,
.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--above-1D8FkNkw-:after {
    border-right: 6px solid;
    border-right-color: transparent;
    border-left: 6px solid;
    border-left-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--above-1D8FkNkw-:after {
    border-left-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--below-1rmzWejA-:after,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--above-1D8FkNkw-:after {
    border-right-color: transparent;
}

.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--before-oXq5sFXr-:after,
.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--after-BnAcuW1N-:after {
    border-top: 6px solid;
    border-top-color: transparent;
    border-bottom: 6px solid;
    border-bottom-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--after-BnAcuW1N-:after {
    border-bottom-color: transparent;
}

html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--before-oXq5sFXr-:after,
html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--after-BnAcuW1N-:after {
    border-top-color: transparent;
}

.star-uhAI7sV4- {
    display: block;
    opacity: 0.7;
    box-sizing: border-box;
    transition: opacity ease 350ms;
    /* increase hitbox */
    padding: 4px;
    margin: -4px;
}

.star-uhAI7sV4- svg {
    display: block;
    fill: currentColor;
    pointer-events: none;
}

.star-uhAI7sV4-.checked-2bhy04CF- svg {
    fill: #ffca3b;
}

.feature-no-touch .star-uhAI7sV4-:hover,
.feature-no-touch .star-uhAI7sV4-:active,
.feature-touch .star-uhAI7sV4-:active {
    opacity: 1;
    transition-duration: 60ms;
}

.menuWrap-1gEtmoET- {
    text-align: right;
    background-color: #ffffff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 100;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}

html.theme-dark .menuWrap-1gEtmoET- {
    background-color: #1c2030;
}

html.theme-dark .menuWrap-1gEtmoET- {
    background-color: #1c2030;
}

html.theme-dark .menuWrap-1gEtmoET- {
    box-shadow: #000000 0 2px 4px 0;
}

.menuWrap-1gEtmoET-.isMeasuring-FZ0EJCM2- {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.scrollWrap-1B5MfTJt- {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: scrollbar;
    -webkit-overflow-scrolling: touch;
}

.scrollWrap-1B5MfTJt-::-webkit-scrollbar {
    width: 5px;
}

.scrollWrap-1B5MfTJt-::-webkit-scrollbar-thumb {
    border: 1px solid #f2f3f5;
    border-radius: 3px;
    background-color: #9db2bd;
}

.scrollWrap-1B5MfTJt-::-webkit-scrollbar-track {
    background-color: #f2f3f5;
    border-radius: 3px;
}

.menuBox-20sJGjtG- {
    padding: 6px 0;
}

.isHidden-2vLQpR1t- {
    display: none;
}

.item-2xPVYue0- {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    white-space: nowrap;
    padding: 2px 8px 2px 10px;
    font-size: 14px;
    background-color: #ffffff;
    cursor: default;
    transition-property: none;
    color: #4c525e;
    transition: color ease 60ms;
}

html.theme-dark .item-2xPVYue0- {
    color: #758696;
}

html.theme-dark .item-2xPVYue0- {
    background-color: #1c2030;
}

.item-2xPVYue0-.hovered-1uf45E05-,
.feature-no-touch .item-2xPVYue0-:hover,
.feature-no-touch .item-2xPVYue0-:active,
.feature-touch .item-2xPVYue0-:active {
    color: #131722;
}

html.theme-dark .item-2xPVYue0-.hovered-1uf45E05-,
html.feature-no-touch.theme-dark .item-2xPVYue0-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-:active,
html.feature-touch.theme-dark .item-2xPVYue0-:active {
    color: #9db2bd;
}


/* allow to override anything */

.item-2xPVYue0-.hovered-1uf45E05-,
.feature-no-touch .item-2xPVYue0-:hover,
.feature-no-touch .item-2xPVYue0-:active,
.feature-touch .item-2xPVYue0-:active {
    background-color: #ebf7fc;
}

html.theme-dark .item-2xPVYue0-.hovered-1uf45E05-,
html.feature-no-touch.theme-dark .item-2xPVYue0-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-:active,
html.feature-touch.theme-dark .item-2xPVYue0-:active {
    background-color: #262b3e;
}

.item-2xPVYue0-.isDisabled-1wLqKupj- {
    opacity: 0.3;
    cursor: default;
}

.item-2xPVYue0-.isDisabled-1wLqKupj-,
.feature-no-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:hover,
.feature-no-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:active,
.feature-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:active {
    color: #4c525e;
    background-color: #ffffff;
}

html.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active,
html.feature-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active {
    background-color: #1c2030;
}

html.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active,
html.feature-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active {
    color: #758696;
}

.item-2xPVYue0-.isActive-2j-GhQs_-,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active,
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active {
    color: #ffffff;
    background-color: #37a6ef;
}

html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active,
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active {
    background-color: #37a6ef;
}

html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active,
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active {
    color: #ffffff;
}

.item-2xPVYue0-.isActive-2j-GhQs_- .icon-2Qm7YIcz- svg,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .icon-2Qm7YIcz- svg,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .icon-2Qm7YIcz- svg,
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .icon-2Qm7YIcz- svg {
    fill: currentColor;
}

.item-2xPVYue0-.isActive-2j-GhQs_- .hint-1IhIvLPB-,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .hint-1IhIvLPB-,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-,
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB- {
    color: rgba(255, 255, 255, 0.7);
}

html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_- .hint-1IhIvLPB-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover .hint-1IhIvLPB-,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-,
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB- {
    color: rgba(255, 255, 255, 0.7);
}

.item-2xPVYue0-.isActive-2j-GhQs_- .toolbox-3ulPxfe--,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .toolbox-3ulPxfe--,
.feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--,
.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe-- {
    color: #ffffff;
}

html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_- .toolbox-3ulPxfe--,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover .toolbox-3ulPxfe--,
html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--,
html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe-- {
    color: #ffffff;
}

.item-2xPVYue0-.withIcon-1xBjf-oB- {
    padding-top: 6px;
    padding-bottom: 6px;
}


/* ie11 min-height */

.item-2xPVYue0-:before {
    content: ' ';
    display: block;
    height: 28px;
}

.icon-2Qm7YIcz- {
    display: flex;
    margin-left: 7px;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
}

.icon-2Qm7YIcz- svg {
    display: block;
    fill: currentColor;
}

.labelRow-3Q0rdE8-- {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    flex: 1 0 auto;
    margin-left: 14px;
}

.labelRow-3Q0rdE8--:first-child {
    margin-right: 4px;
}

.label-3Xqxy756- {
    display: flex;
    flex: 0 0 auto;
}

.hint-1IhIvLPB- {
    font-size: 11px;
    margin-left: 14px;
    min-width: 27px;
    color: #b4b4b4;
}

html.theme-dark .hint-1IhIvLPB- {
    color: #4c525e;
}

.toolbox-3ulPxfe-- {
    display: flex;
    position: relative;
    align-items: center;
    color: #9db2bd;
}

html.theme-dark .toolbox-3ulPxfe-- {
    color: #9db2bd;
}

.feature-no-touch .toolbox-3ulPxfe--.showOnHover-1q6ySzZc- {
    opacity: 0;
}

.toolbox-3ulPxfe--> :not(:last-child) {
    margin-left: 10px;
}

.feature-no-touch .item-2xPVYue0-:hover .toolbox-3ulPxfe--.showOnHover-1q6ySzZc- {
    opacity: 1;
}

.icon-16JOogW_- {
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms;
}

.icon-16JOogW_- svg {
    display: block;
    fill: currentColor;
    width: 8px;
    height: 4px;
}

.icon-16JOogW_-.dropped-1WSGLaYJ- {
    transform: rotate(-180deg);
}

.button-13wlLwhJ- {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    height: 100%;
    cursor: default;
    color: #4c525e;
    transition: color ease 60ms;
    /* allow to override anything */
    transition: background-color ease 350ms, color ease 60ms;
}

html.theme-dark .button-13wlLwhJ- {
    color: #758696;
}

.button-13wlLwhJ-.hovered-FUo4RNOC-,
.feature-no-touch .button-13wlLwhJ-:hover,
.feature-no-touch .button-13wlLwhJ-:active,
.feature-touch .button-13wlLwhJ-:active {
    color: #131722;
}

html.theme-dark .button-13wlLwhJ-.hovered-FUo4RNOC-,
html.feature-no-touch.theme-dark .button-13wlLwhJ-:hover,
html.feature-no-touch.theme-dark .button-13wlLwhJ-:active,
html.feature-touch.theme-dark .button-13wlLwhJ-:active {
    color: #9db2bd;
}

.button-13wlLwhJ- svg {
    display: block;
    fill: currentColor;
}

.button-13wlLwhJ- .arrow-2pXEy7ej- {
    display: flex;
    contain: content;
    align-items: center;
    height: 100%;
}

.button-13wlLwhJ- .arrowWrap-r5l5nQXU- {
    margin: 0 6px;
    transition: transform ease 350ms;
}

.feature-no-touch .button-13wlLwhJ-:hover .arrowWrap-r5l5nQXU- {
    transform: translateY(2px);
}

.button-13wlLwhJ-.isOpened-1939ai3F- {
    background-color: #f7f8fa;
}

html.theme-dark .button-13wlLwhJ-.isOpened-1939ai3F- {
    background-color: #1c2030;
}

.feature-no-touch .button-13wlLwhJ-.isOpened-1939ai3F-:hover .arrowWrap-r5l5nQXU- {
    transform: none;
}

.wrap-18oKCBRc- {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    flex-direction: row;
    height: 100%;
}

.button-2ioYhFEY- {
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    cursor: default;
    color: #4c525e;
    transition: background-color ease 60ms, opacity ease 60ms, color ease 60ms;
}

html.theme-dark .button-2ioYhFEY- {
    color: #758696;
}

.button-2ioYhFEY- svg {
    /* blurry icons fix for firefox */
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -moz-transform: translateX(0);
    display: block;
    fill: currentColor;
}

.button-2ioYhFEY-.isInteractive-20uLObIc- {
    color: #4c525e;
    transition: color ease 60ms;
}

html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc- {
    color: #758696;
}

.button-2ioYhFEY-.isInteractive-20uLObIc-.hovered-3perbaxJ-,
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:hover,
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:active,
.feature-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:active {
    color: #131722;
}

html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.hovered-3perbaxJ-,
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:hover,
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:active,
html.feature-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:active {
    color: #9db2bd;
}


/* allow to override anything */

.button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-,
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover,
.feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
.feature-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active {
    color: #1592e6;
}

html.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-,
html.feature-no-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover,
html.feature-no-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
html.feature-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active {
    color: #ff7200;
}

html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-,
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover,
html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,
html.feature-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active {
    color: #3bb3e4;
}

.button-2ioYhFEY-.isInteractive-20uLObIc-.isOpened-p-Ume5l9- {
    background-color: #f7f8fa;
}

html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isOpened-p-Ume5l9- {
    background-color: #1c2030;
}

.button-2ioYhFEY-.isDisabled-1_tmrLfP- {
    opacity: 0.3;
}

.button-2ioYhFEY-.isDisabled-1_tmrLfP-,
.feature-no-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:hover,
.feature-no-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:active,
.feature-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:active {
    background-color: transparent;
}

.text-1sK7vbvh-+.icon-beK_KS0k-,
.icon-beK_KS0k-+.text-1sK7vbvh- {
    margin-right: 5px;
}

.button-1IIz2ju4- {
    padding: 0 1px;
}

.button-1IIz2ju4-.first-bfrNico9- {
    padding-right: 5px;
}

.button-1IIz2ju4-.last-3h-LFsOr- {
    padding-left: 3px;
}

.separator-25lkUpN-- {
    margin: 6px 0;
    height: 1px;
    background-color: #e1ecf2;
}

html.theme-dark .separator-25lkUpN-- {
    background-color: #363c4e;
}

.menu-16FRUKka-:only-child {
    padding: 0 5px;
}

.button-YsN2vRuA-.withText-JhQdRoPu- {
    padding: 0 6px 0 10px;
}

.button-YsN2vRuA-.withoutText-f6SoijeW- {
    padding: 0 5px;
}

.button-2-lC3gh4- {
    padding: 0 5px;
}

.value-DWZXOdoK- {
    text-align: right;
    font-size: 16px;
}

.value-DWZXOdoK-.selected-2V87KUXm- {
    color: #3bb3e4;
}

.metric-uxyW5qk0- {
    display: inline-block;
    font-size: 14px;
}

.metric-uxyW5qk0-.capitalized-OlFzHeUi-:first-letter {
    font-size: 16px;
}

.form-2itceCqS- {
    display: flex;
    margin: -6px 0 -6px;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 38px;
    min-width: 200px;
    font-size: 14px;
    color: #4c525e;
    box-sizing: border-box;
}

html.theme-dark .form-2itceCqS- {
    color: #758696;
}

.form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-,
.form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-,
.form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-,
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-,
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-,
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb- {
    color: #4c525e;
    transition: color ease 60ms;
    /* allow to override anything */
}

html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-,
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-,
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb- {
    color: #758696;
}

.form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:hover,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
.feature-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
.form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:hover,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
.feature-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
.form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:hover,
.feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
.feature-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-:hover,
.feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-:active,
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-:hover,
.feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-:active,
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-.hovered-1nwOcWv8-,
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-:hover,
.feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-:active {
    color: #131722;
}

html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-:active,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-:active,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-.hovered-1nwOcWv8-,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-:hover,
html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-:active {
    color: #9db2bd;
}

.wrap-1oB2WI2R- {
    flex: 1 0 auto;
}

.input-z46tLQgj- {
    margin: 0;
    padding: 0 2px;
    width: 36px;
    border: none;
    text-align: center;
    height: 100%;
    background-color: transparent;
}

.menu-35lWsSKr-,
.add-1NrfSAvb- {
    display: flex;
    align-items: center;
    height: 100%;
}

.menu-35lWsSKr- {
    box-sizing: border-box;
    flex: 1 0 auto;
    padding: 0 10px 0 6px;
    cursor: default;
    justify-content: space-between;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #e1ecf2;
}

html.theme-dark .menu-35lWsSKr- {
    border-color: #363c4e;
}

.add-1NrfSAvb- {
    padding: 0 10px;
    cursor: default;
}

.button-1scLo53s- {
    display: block;
    padding: 2px;
    opacity: 0.7;
    box-sizing: border-box;
    transition: opacity ease 350ms;
    color: #758696;
}

.button-1scLo53s- svg {
    display: block;
    pointer-events: none;
    width: 12px !important;
    height: 12px !important;
}

.feature-no-touch .button-1scLo53s-:hover,
.feature-no-touch .button-1scLo53s-:active,
.feature-touch .button-1scLo53s-:active {
    opacity: 1;
    transition-duration: 60ms;
}

.hidden-2GRQzIQ1- {
    visibility: hidden;
}

.interval-1GDsfL5i- {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.interval-1GDsfL5i-:before,
.interval-1GDsfL5i-:after {
    content: attr(data-group);
    margin: 0 10px;
    visibility: collapse;
}

.interval-1GDsfL5i-.showGroup-1N6m7h-N-:before {
    visibility: visible;
}

.button-1XkSWU32- {
    padding: 0 7px;
}

.button-1XkSWU32-.first-2UbSFGzF- {
    padding-right: 12px;
}

.button-1XkSWU32-.last-1rdUnwE6- {
    padding-left: 6px;
}

.menu-1fA401bY-:only-child {
    padding: 0 7px 0 5px;
}

.dropdown-1zOBoqnG- {
    min-width: 140px;
}

.menuContent-1vyIDg3J- {
    justify-content: center;
}

.button-3wAyKO3i- {
    margin-left: 10px;
}

.dottedCloud-1Vw3lVny-,
.check-3V48_rMp-,
.spinningCloud-2fkbB-rw- {
    display: none;
}

.arrow-1zkKEROH- {
    opacity: 0;
    transition: transform ease-in 200ms, opacity ease-in 200ms;
}

.arrowGap-gjAe6jEn- {
    fill: #ffffff;
    opacity: 0;
    transition: opacity ease-in 200ms;
}

html.theme-dark .arrowGap-gjAe6jEn- {
    fill: #131722;
}

.container-riYIb01a- {
    overflow: hidden;
}

.container-riYIb01a-.unsaved-2Kg_w3Vw- .dottedCloud-1Vw3lVny- {
    display: inline;
}

.container-riYIb01a-.unsaved-2Kg_w3Vw- .arrow-1zkKEROH- {
    transform: translateY(200%);
}

.feature-no-touch .container-riYIb01a-.unsaved-2Kg_w3Vw-:hover .arrow-1zkKEROH-,
.container-riYIb01a-.unsaved-2Kg_w3Vw-.hovered-18DzoW0E- .arrow-1zkKEROH- {
    opacity: 1;
    transform: translateY(0%);
}

.feature-no-touch .container-riYIb01a-.unsaved-2Kg_w3Vw-:hover .arrowGap-gjAe6jEn-,
.container-riYIb01a-.unsaved-2Kg_w3Vw-.hovered-18DzoW0E- .arrowGap-gjAe6jEn- {
    opacity: 1;
}

.container-riYIb01a-.saving-31YVVfHU- .spinningCloud-2fkbB-rw- {
    display: inline;
}

.container-riYIb01a-.saving-31YVVfHU- .arrow-1zkKEROH- {
    transform: translateY(-300%);
}

.container-riYIb01a-.saved-2kLd4nmd- .spinningCloud-2fkbB-rw- {
    display: inline;
}

.container-riYIb01a-.saved-2kLd4nmd- .check-3V48_rMp- {
    display: inline;
}

.container-riYIb01a-.saved-2kLd4nmd- .arrow-1zkKEROH- {
    display: inline;
    transform: translateY(-300%);
}

.container-riYIb01a-.saved-2kLd4nmd- .arrowGap-gjAe6jEn- {
    display: inline;
}

.menu-92vrwS4x- {
    margin-right: -4px;
}

.opened-GQFVkrpV- {
    background-color: #f7f8fa;
}

html.theme-dark .opened-GQFVkrpV- {
    background-color: #1c2030;
}

.autoSaveWrapper-1MJY41zr- {
    width: 192px;
}

.button-1EU5-JL7-.isDisabled-1RjJSnJ7- {
    opacity: 1;
}

.text-1HWeUAzA- {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.button-3zsRYmii- {
    flex: 0 0 auto;
    width: 38px;
    height: calc(100% - 8px);
    margin: 4px;
    border-radius: 3px;
    justify-content: center;
    overflow: hidden;
}

.button-3zsRYmii-.blue-pwiZpV6t- {
    background-color: #3bb3e4;
}

html.theme-sa .button-3zsRYmii-.blue-pwiZpV6t- {
    background-color: #ff7200;
}

html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t- {
    background-color: #299dcd;
}

.button-3zsRYmii-.green-3Nv9iVIZ- {
    background-color: #37bc9b;
}

html.theme-sa .button-3zsRYmii-.green-3Nv9iVIZ- {
    background-color: #ff7200;
}

html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ- {
    background-color: #37bc9b;
}

.button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-,
.button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
.feature-no-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:hover,
.feature-no-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
.feature-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
.button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-,
.button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
.feature-no-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:hover,
.feature-no-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active,
.feature-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active {
    color: #ffffff;
}

html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-,
html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
html.feature-no-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:hover,
html.feature-no-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
html.feature-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,
html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-,
html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-,
html.feature-no-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:hover,
html.feature-no-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active,
html.feature-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active {
    color: #ffffff;
}

.tv-ticker {
    display: inline;
    position: absolute;
    width: 13px;
    height: 27px;
    margin: 0 -13px 0 0;
}

.tv-ticker__btn {
    width: 7px;
    height: 8px;
    padding: 2px;
    border: solid 1px;
    border-color: #dadde0;
    background: #ffffff;
    fill: #9db2bd;
}

html.theme-dark .tv-ticker__btn {
    background: #131722;
}

html.theme-dark .tv-ticker__btn {
    border-color: #363c4e;
}

.tv-ticker__btn>svg {
    display: block;
    width: 7px;
    height: 8px;
}

.tv-ticker__btn--up>svg {
    transform: scaleY(-1);
}

.tv-ticker__btn--down {
    border-top-width: 0;
}

.feature-no-touch .tv-ticker__btn:hover {
    background-color: #f2f2f2;
}

html.feature-no-touch.theme-dark .tv-ticker__btn:hover {
    background-color: #1c2030;
}

.feature-no-touch .tv-ticker__btn:active,
.feature-touch .tv-ticker__btn:active,
.tv-ticker__btn.i-active {
    background-color: #ececec;
}

html.feature-no-touch.theme-dark .tv-ticker__btn:active,
html.feature-touch.theme-dark .tv-ticker__btn:active,
html.theme-dark .tv-ticker__btn.i-active {
    background-color: #262b3e;
}

.feature-no-touch input:focus+.tv-ticker .tv-ticker__btn,
.feature-touch input:focus+.tv-ticker .tv-ticker__btn {
    border-color: #3bb3e4;
    fill: #3bb3e4;
}

input:disabled+.tv-ticker {
    display: none;
}


/* Thanks to google guys for the original <paper-spinner> =)
 * https://github.com/PolymerElements/paper-spinner */

.tv-spinner {
    display: none;
    position: absolute;
    width: 1em;
    height: 1em;
    top: calc(50% - 0.5em);
    right: calc(50% - 0.5em);
    margin: 0 auto;
    color: #37a6ef;
    animation: tv-spinner__container-rotate 0.9s linear infinite;
    will-change: transform;
    /* The spinner does not have any contents that would have to be
	 * flipped if the direction changes. Always use ltr so that the
	 * style works out correctly in both cases. */
    direction: rtl;
}

.tv-spinner--size_mini {
    font-size: 16px;
}

.tv-spinner--size_medium {
    font-size: 32px;
}

.tv-spinner--size_large {
    font-size: 56px;
}

.tv-spinner--size_mini .tv-spinner__width_element:after {
    border-width: 2px;
}

.tv-spinner--size_medium .tv-spinner__width_element:after {
    border-width: 3px;
}

.tv-spinner--size_large .tv-spinner__width_element:after {
    border-width: 4px;
}

.tv-spinner--shown {
    display: block;
}

.tv-spinner__spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    color: currentColor;
    transform: rotate(-90deg);
    /**
		 * Patch the gap that appear between the two adjacent div.circle-clipper while the
		 * spinner is rotating (appears on Chrome 50, Safari 9.1.1, and Edge).
		 */
}

.tv-spinner__spinner-layer::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    top: 0;
    border-width: 0.07em;
    border-radius: 50%;
    right: 45%;
    width: 10%;
    border-top-style: solid;
}

.tv-spinner__background {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.tv-spinner__background::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    top: 0;
    border-radius: 50%;
    bottom: 0;
    width: 100%;
    border-color: rgba(135, 151, 165, 0.2);
    border-style: solid;
}

.tv-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.tv-spinner__circle-clipper::after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    top: 0;
    border-radius: 50%;
    bottom: 0;
    width: 200%;
    border-style: solid;
    border-bottom-color: transparent;
    animation-duration: 1.4s;
    animation-timing-function: cubic-bezier(0.36, 0, 0.37, 0.99);
    animation-iteration-count: 1;
    will-change: transform;
}

.tv-spinner__circle-clipper--left::after {
    right: 0;
    border-left-color: transparent;
    transform: rotate(0deg);
    animation-name: tv-spinner__left-spin;
}

.tv-spinner__circle-clipper--right::after {
    right: -100%;
    border-right-color: transparent;
    transform: rotate(124deg);
    animation-name: tv-spinner__right-spin;
}

@keyframes tv-spinner__container-rotate {
    100% {
        transform: rotate(-360deg);
    }
}

@keyframes tv-spinner__left-spin {
    0% {
        transform: rotate(-130deg);
    }
    to {
        transform: rotate(0deg);
    }
}

@keyframes tv-spinner__right-spin {
    0% {
        transform: rotate(130deg);
    }
    to {
        transform: rotate(124deg);
    }
}

.wrap-CUt4Mg1V- {
    flex: 1 1 auto;
    height: 100%;
    min-width: 0;
}

.inner-32OP7ejC- {
    display: flex;
    position: relative;
    flex: 1 1 auto;
    overflow: hidden;
    width: 100px;
    height: 100%;
}

.actions-1cGPn1dW- {
    display: flex;
    position: relative;
    flex-flow: row nowrap;
    align-items: center;
    opacity: 0;
    padding: 0 4px;
    background-color: #ffffff;
}

html.theme-dark .actions-1cGPn1dW- {
    background-color: #131722;
}

.actions-1cGPn1dW-:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    height: 18px;
    width: 1px;
    background-color: #e7ebee;
}

html.theme-dark .actions-1cGPn1dW-:before {
    background-color: #2f3241;
}

.actions-1cGPn1dW- button {
    display: flex;
    width: 26px;
    height: 26px;
    color: #4c525e;
    align-items: center;
    justify-content: center;
    margin-left: 3px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: transparent;
    transition: color ease 60ms, background-color ease 60ms;
}

.actions-1cGPn1dW- button:last-child {
    margin-left: 0;
}

.feature-no-touch .actions-1cGPn1dW- button:hover,
.feature-no-touch .actions-1cGPn1dW- button:active,
.feature-touch .actions-1cGPn1dW- button:active {
    background-color: #f2f3f5;
}

html.feature-no-touch.theme-dark .actions-1cGPn1dW- button:hover,
html.feature-no-touch.theme-dark .actions-1cGPn1dW- button:active,
html.feature-touch.theme-dark .actions-1cGPn1dW- button:active {
    background-color: #1c2030;
}

.actions-1cGPn1dW- button svg {
    display: block;
}

.actions-1cGPn1dW- button.disabled,
.feature-no-touch .actions-1cGPn1dW- button.disabled:hover {
    background-color: transparent;
}

.actions-1cGPn1dW- button.disabled svg,
.feature-no-touch .actions-1cGPn1dW- button.disabled:hover svg {
    color: #d6d8e0;
}

.input-3lfOzLDc- {
    display: block;
    flex: 1 1 auto;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: bold;
    width: 0;
    min-width: 100px;
    height: 100%;
    border: none;
    box-sizing: border-box;
    background-color: transparent;
    direction: ltr;
    text-align: end;
}

.inner-32OP7ejC-.isExpanded-1pdStI5Z- {
    width: auto;
}

.inner-32OP7ejC-.isExpanded-1pdStI5Z- .input-3lfOzLDc- {
    min-width: 70px;
}

.inner-32OP7ejC-.isExpanded-1pdStI5Z- .actions-1cGPn1dW- {
    opacity: 1;
}

.label-1LxfyrID- {
    display: flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    color: #4c525e;
}

html.theme-dark .label-1LxfyrID- {
    color: #758696;
}

.label-1LxfyrID- .icon-3bTRbX0U- {
    display: flex;
}

.label-1LxfyrID- .icon-3bTRbX0U- svg {
    display: block;
    fill: #4c525e;
}

html.theme-dark .label-1LxfyrID- .icon-3bTRbX0U- svg {
    fill: #758696;
}

.label-1LxfyrID- .text-2BJe_3ce- {
    font-size: 15px;
    margin: 0 5px 0 20px;
}

.item-b8AKccvl- {
    color: #4c525e;
    transition: color ease 60ms;
    /* allow to override anything */
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px;
    border-color: #d6d8e0;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    cursor: default;
    background-color: #ffffff;
    height: 20px;
    width: 20px;
    margin: 0 3px;
}

html.theme-dark .item-b8AKccvl- {
    background-color: #131722;
}

html.theme-dark .item-b8AKccvl- {
    border-color: #6b7988;
}

html.theme-dark .item-b8AKccvl- {
    color: #758696;
}

.item-b8AKccvl-.hovered-2SpHqnXp-,
.feature-no-touch .item-b8AKccvl-:hover,
.feature-no-touch .item-b8AKccvl-:active,
.feature-touch .item-b8AKccvl-:active {
    color: #131722;
}

html.theme-dark .item-b8AKccvl-.hovered-2SpHqnXp-,
html.feature-no-touch.theme-dark .item-b8AKccvl-:hover,
html.feature-no-touch.theme-dark .item-b8AKccvl-:active,
html.feature-touch.theme-dark .item-b8AKccvl-:active {
    color: #9db2bd;
}

.feature-no-touch .item-b8AKccvl-:hover {
    background-color: #f7f8fa;
}

html.feature-no-touch.theme-dark .item-b8AKccvl-:hover {
    background-color: #1c2030;
}

.wrap-15BhAobm- {
    transition: background-color ease 60ms;
}

.wrap-15BhAobm-.opened-1yAGeGGi- {
    background-color: #f7f8fa;
}

html.theme-dark .wrap-15BhAobm-.opened-1yAGeGGi- {
    background-color: #1c2030;
}

.wrap-15BhAobm-.full-2VMT2UlC- .first-1vAzGgSq- {
    margin-right: -3px;
}

.wrap-15BhAobm-.full-2VMT2UlC- .last-xMjAcadb- {
    margin-left: 10px;
}

.wrap-15BhAobm-.medium-1BEsHMFf- .first-1vAzGgSq- {
    margin-right: 0;
}

.wrap-15BhAobm-.medium-1BEsHMFf- .last-xMjAcadb- {
    margin-left: 8px;
}

.loader-1uURoPBh- {
    position: relative;
}

.buttonUndo-342XpPC1- {
    padding-left: 0;
    padding-right: 3px;
}

.buttonRedo-3o_XdU_J- {
    padding-right: 0;
    padding-left: 3px;
}

.container-2BvS3Fpg- {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background-color: #e7ebee;
}

html.theme-dark .container-2BvS3Fpg- {
    background-color: #2f3241;
}

.container-2BvS3Fpg- .inner-3YzQuyJx- {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

html.theme-dark .container-2BvS3Fpg- .inner-3YzQuyJx- {
    background-color: #171b29;
}

.container-2BvS3Fpg-.border-left-LYAXTdyL- {
    padding-right: 4px;
}

.container-2BvS3Fpg-.border-right-OzIcepiV- {
    padding-left: 4px;
}

.container-2BvS3Fpg-.border-top-193CSDqN- {
    padding-top: 4px;
}

.container-2BvS3Fpg-.border-bottom-2lZASSTD- {
    padding-bottom: 4px;
}

.container-2BvS3Fpg-.top-right-radius-FE25nrPp- .inner-3YzQuyJx- {
    border-top-left-radius: 4px;
}

.container-2BvS3Fpg-.top-left-radius-1ELOZlIb- .inner-3YzQuyJx- {
    border-top-right-radius: 4px;
}

.container-2BvS3Fpg-.bottom-right-radius-7zqIiaLN- .inner-3YzQuyJx- {
    border-bottom-left-radius: 4px;
}

.container-2BvS3Fpg-.bottom-left-radius-xCxQ998i- .inner-3YzQuyJx- {
    border-bottom-right-radius: 4px;
}

.group-wWM3zP_M- {
    display: flex;
    align-items: center;
    height: 100%;
    flex: 0 0 auto;
    background-color: #ffffff;
    margin-right: 1px;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
    min-width: 38px;
    justify-content: center;
    cursor: default;
}

html.theme-dark .group-wWM3zP_M- {
    background-color: #131722;
}

.group-wWM3zP_M-.noLeftDecoration-15F5a1TB- {
    margin-right: 0;
    border-bottom-right-radius: 0;
}

.group-wWM3zP_M-.noRightDecoration-2GcAAgVb- {
    margin-left: 0;
    border-bottom-left-radius: 0;
}

.group-wWM3zP_M-.noMinimalWidth-1sbl_ff5- {
    min-width: 0;
}

.group-wWM3zP_M-:first-child {
    border-bottom-right-radius: 4px;
    margin-right: 0;
}

.group-wWM3zP_M-:last-child {
    border-bottom-left-radius: 4px;
    margin-left: 0;
}

.wrap-3tiHesTk- {
    display: flex;
    height: 38px;
    flex: 1 1 auto;
    min-width: 0;
}

.wrap-3K4w_7te- {
    display: flex;
    align-items: center;
    color: #8797a5;
    cursor: default;
}

html.theme-dark .wrap-3K4w_7te- {
    color: #8797a5;
}

.wrap-3K4w_7te- .icon-1dNdRXKB- {
    margin: 0 8px 0 1px;
}

.wrap-3K4w_7te- svg {
    fill: currentColor;
}

.wrap-1GG7GnNO- {
    position: relative;
    direction: rtl;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wrap-1GG7GnNO- svg {
    display: block;
}

.scrollWrap-1icOiezT- {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.scrollWrap-1icOiezT-::-webkit-scrollbar {
    width: 5px;
}

.scrollWrap-1icOiezT-::-webkit-scrollbar-thumb {
    border: 1px solid #f2f3f5;
    border-radius: 3px;
    background-color: #9db2bd;
}

.scrollWrap-1icOiezT-::-webkit-scrollbar-track {
    background-color: #f2f3f5;
    border-radius: 3px;
}

.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK- {
    padding-bottom: 100px;
    -ms-overflow-style: none;
}

.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK- .sb-scrollbar-wrap {
    display: none;
}

.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar-thumb {
    display: none;
}

.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar-track {
    display: none;
}

.content-3_f7yH29- {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    white-space: nowrap;
}

.icon-2fZsO52g- {
    display: block;
    transition: transform ease 60ms;
}

.scrollLeft-3OUcqYWy-,
.scrollRight-UDsPWprP- {
    display: flex;
    position: absolute;
    top: 0;
    height: 100%;
    width: 24px;
    background-color: rgba(38, 43, 62, 0.7);
    color: #ffffff;
    transition: background-color ease 350ms, transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.feature-no-touch .scrollLeft-3OUcqYWy-:hover,
.feature-no-touch .scrollLeft-3OUcqYWy-:active,
.feature-touch .scrollLeft-3OUcqYWy-:active,
.feature-no-touch .scrollRight-UDsPWprP-:hover,
.feature-no-touch .scrollRight-UDsPWprP-:active,
.feature-touch .scrollRight-UDsPWprP-:active {
    transition: background-color ease 58.33333ms, transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms;
}

.feature-no-touch .scrollLeft-3OUcqYWy-:hover .icon-2fZsO52g-,
.feature-no-touch .scrollLeft-3OUcqYWy-:active .icon-2fZsO52g-,
.feature-touch .scrollLeft-3OUcqYWy-:active .icon-2fZsO52g-,
.feature-no-touch .scrollRight-UDsPWprP-:hover .icon-2fZsO52g-,
.feature-no-touch .scrollRight-UDsPWprP-:active .icon-2fZsO52g-,
.feature-touch .scrollRight-UDsPWprP-:active .icon-2fZsO52g- {
    transform: translateY(1px);
}

.scrollLeft-3OUcqYWy-.isVisible-zZk7F7wr-,
.scrollRight-UDsPWprP-.isVisible-zZk7F7wr- {
    transform: translate3d(0, 0, 0);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.scrollLeft-3OUcqYWy- {
    left: 0;
    transform: translate3d(-100%, 0, 0);
}

.scrollLeft-3OUcqYWy- .iconWrap-1U8J-Qkw- {
    transform: rotate(90deg);
}

.scrollRight-UDsPWprP- {
    right: 0;
    transform: translate3d(100%, 0, 0);
}

.scrollRight-UDsPWprP- .iconWrap-1U8J-Qkw- {
    transform: rotate(-90deg);
}

.fadeLeft-31arUEZY-,
.fadeRight-36gcjOQb- {
    position: absolute;
    pointer-events: none;
    width: 50px;
    height: 100%;
    top: 0;
}

.fadeLeft-31arUEZY-.isVisible-zZk7F7wr-,
.fadeRight-36gcjOQb-.isVisible-zZk7F7wr- {
    transform: translate3d(0, 0, 0);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fadeLeft-31arUEZY- {
    right: 0;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
    transform: translate3d(100%, 0, 0);
}

html.theme-dark .fadeLeft-31arUEZY- {
    background-image: linear-gradient(to right, rgba(19, 23, 34, 0), #131722);
}

.fadeRight-36gcjOQb- {
    left: 0;
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff);
    transform: translate3d(-100%, 0, 0);
}

html.theme-dark .fadeRight-36gcjOQb- {
    background-image: linear-gradient(to left, rgba(19, 23, 34, 0), #131722);
}

.fake-37paHC6T- {
    /* Avoid display flex it is buggy in ie11 */
    display: inline-block;
    position: absolute;
    visibility: hidden;
    top: 0;
}

.inner-v8eiKwdM- {
    display: flex;
    height: 100%;
}

.subGroup-1JpgB9zD- {
    display: flex;
    align-items: center;
    height: 100%;
    flex: 0 0 auto;
}

.subGroup-1JpgB9zD-> :not(:first-child) {
    position: relative;
    margin-right: 1px;
}

.subGroup-1JpgB9zD-> :not(:first-child):before {
    content: ' ';
    position: absolute;
    top: 8px;
    bottom: 8px;
    right: -1px;
    width: 1px;
    background-color: #e7ebee;
}

html.theme-dark .subGroup-1JpgB9zD-> :not(:first-child):before {
    background-color: #2f3241;
}

.fill-2axUON87- {
    flex: 1 1 100%;
    min-width: 0;
}

.fill-2axUON87-.minimalPriority-1MGEuVHu- {
    flex: 1 1 0%;
}

.button-3xrjDzA4- {
    padding: 0 6px 0 10px;
}

.iconButton-3vyD3BPg- {
    padding: 0 5px;
}

.hidden-2kSvETGo- {
    display: none;
}

.symbolSearch-3I4QF1U_- {
    max-width: 500px;
    flex: 1 1 100%;
    justify-content: flex-start;
}

.toolbar-2n2cwgp5- {
    position: relative;
    height: 100%;
    padding: 0 4px;
    font-size: 14px;
}

.toolbar-2n2cwgp5-.isHidden-GTob3P_C- {
    background-color: transparent;
}

html.theme-dark .toolbar-2n2cwgp5-.isHidden-GTob3P_C- {
    background-color: transparent;
}

.toolbar-2n2cwgp5-.isHidden-GTob3P_C- .overflowWrap-PWdgT-U_- {
    display: none;
}

.overflowWrap-PWdgT-U_- {
    overflow: hidden;
    height: 38px;
}

.customButton--jqJTfH5- {
    color: #4c525e;
    transition: color ease 60ms;
    /* allow to override anything */
    padding: 0 10px;
}

html.theme-dark .customButton--jqJTfH5- {
    color: #758696;
}

.customButton--jqJTfH5-.hovered-1mGRUp3y-,
.feature-no-touch .customButton--jqJTfH5-:hover,
.feature-no-touch .customButton--jqJTfH5-:active,
.feature-touch .customButton--jqJTfH5-:active {
    color: #131722;
}

html.theme-dark .customButton--jqJTfH5-.hovered-1mGRUp3y-,
html.feature-no-touch.theme-dark .customButton--jqJTfH5-:hover,
html.feature-no-touch.theme-dark .customButton--jqJTfH5-:active,
html.feature-touch.theme-dark .customButton--jqJTfH5-:active {
    color: #9db2bd;
}

.wrap-1h7U5nKd- {
    position: relative;
    direction: rtl;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.wrap-1h7U5nKd- svg {
    display: block;
}

.scrollWrap-3gtPS0Fe- {
    display: flex;
    position: relative;
    flex-direction: column;
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.scrollWrap-3gtPS0Fe-::-webkit-scrollbar {
    width: 5px;
}

.scrollWrap-3gtPS0Fe-::-webkit-scrollbar-thumb {
    border: 1px solid #f2f3f5;
    border-radius: 3px;
    background-color: #9db2bd;
}

.scrollWrap-3gtPS0Fe-::-webkit-scrollbar-track {
    background-color: #f2f3f5;
    border-radius: 3px;
}

.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur- {
    padding-left: 100px;
    -ms-overflow-style: none;
}

.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur- .sb-scrollbar-wrap {
    display: none;
}

.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar-thumb {
    display: none;
}

.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar-track {
    display: none;
}

.content-YhoA_L2m- {
    display: flex;
    position: relative;
    flex: 1 0 auto;
    flex-direction: column;
}

.icon-2xObs8DI- {
    display: block;
    transition: transform ease 60ms;
}

.scrollBot-2HHpZNuf-,
.scrollTop-1eXi8ltS- {
    display: flex;
    position: absolute;
    right: 0;
    width: 100%;
    opacity: 0.7;
    height: 24px;
    background-color: #262b3e;
    color: #ffffff;
    transition: background-color ease 350ms, transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms;
    justify-content: center;
    align-items: center;
}

html.theme-dark .scrollBot-2HHpZNuf-,
html.theme-dark .scrollTop-1eXi8ltS- {
    color: #000000;
}

html.theme-dark .scrollBot-2HHpZNuf-,
html.theme-dark .scrollTop-1eXi8ltS- {
    background-color: #8797a5;
}

.feature-no-touch .scrollBot-2HHpZNuf-:hover,
.feature-no-touch .scrollBot-2HHpZNuf-:active,
.feature-touch .scrollBot-2HHpZNuf-:active,
.feature-no-touch .scrollTop-1eXi8ltS-:hover,
.feature-no-touch .scrollTop-1eXi8ltS-:active,
.feature-touch .scrollTop-1eXi8ltS-:active {
    transition: background-color ease 58.33333ms, transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms;
}

.feature-no-touch .scrollBot-2HHpZNuf-:hover .icon-2xObs8DI-,
.feature-no-touch .scrollBot-2HHpZNuf-:active .icon-2xObs8DI-,
.feature-touch .scrollBot-2HHpZNuf-:active .icon-2xObs8DI-,
.feature-no-touch .scrollTop-1eXi8ltS-:hover .icon-2xObs8DI-,
.feature-no-touch .scrollTop-1eXi8ltS-:active .icon-2xObs8DI-,
.feature-touch .scrollTop-1eXi8ltS-:active .icon-2xObs8DI- {
    transform: translateY(1px);
}

.scrollBot-2HHpZNuf-.isVisible-3zZOL3TO-,
.scrollTop-1eXi8ltS-.isVisible-3zZOL3TO- {
    transform: translateY(0);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.scrollTop-1eXi8ltS- {
    top: 0;
    transform: translateY(-100%);
}

.scrollTop-1eXi8ltS- .iconWrap-2Q69rfEO- {
    transform: rotate(-180deg);
}

.scrollBot-2HHpZNuf- {
    bottom: 0;
    transform: translateY(100%);
}

.fadeBot-3JstnoWq-,
.fadeTop-3oJzNyTq- {
    position: absolute;
    right: 0;
    width: 100%;
    height: 24px;
    pointer-events: none;
}

.fadeBot-3JstnoWq-.isVisible-3zZOL3TO-,
.fadeTop-3oJzNyTq-.isVisible-3zZOL3TO- {
    transform: translateY(0);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.fadeTop-3oJzNyTq- {
    top: 0;
    transform: translateY(-100%);
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff);
}

html.theme-dark .fadeTop-3oJzNyTq- {
    background-image: linear-gradient(to top, rgba(19, 23, 34, 0), #131722);
}

.fadeBot-3JstnoWq- {
    bottom: 0;
    transform: translateY(100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}

html.theme-dark .fadeBot-3JstnoWq- {
    background-image: linear-gradient(to bottom, rgba(19, 23, 34, 0), #131722);
}

.button-263WXsg-- {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 36px;
    color: #758696;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color ease 350ms;
}

.button-263WXsg-- .bg-1kRv1Pf2- {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    transition: background-color ease 350ms;
}

.button-263WXsg--.isBgFull-CmoDGRQP- .bg-1kRv1Pf2- {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.button-263WXsg-- .icon-1Y-3MM9F- {
    color: #4c525e;
    transition: color ease 60ms;
}

html.theme-dark .button-263WXsg-- .icon-1Y-3MM9F- {
    color: #758696;
}

.button-263WXsg-- .icon-1Y-3MM9F-.hovered--MYZioUu-,
.feature-no-touch .button-263WXsg-- .icon-1Y-3MM9F-:hover,
.feature-no-touch .button-263WXsg-- .icon-1Y-3MM9F-:active,
.feature-touch .button-263WXsg-- .icon-1Y-3MM9F-:active {
    color: #131722;
}

html.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-.hovered--MYZioUu-,
html.feature-no-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:hover,
html.feature-no-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:active,
html.feature-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:active {
    color: #9db2bd;
}


/* allow to override anything */

.button-263WXsg-- .icon-1Y-3MM9F- svg {
    fill: currentColor;
    vertical-align: middle;
}

.feature-no-touch .button-263WXsg--.isBgFull-CmoDGRQP-:hover .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2-,
.feature-touch .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2- {
    background-color: #f2f3f5;
}

html.feature-no-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:hover .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2-,
html.feature-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2- {
    background-color: #2f3241;
}


/* Active state */

.button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F- {
    color: #1592e6;
}

html.theme-sa .button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F- {
    color: #ff7200;
}

html.theme-dark .button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F- {
    color: #3bb3e4;
}

.button-263WXsg--.isActive-2mI1-NUL- .bg-1kRv1Pf2- {
    background-color: #f2f3f5;
}

html.theme-dark .button-263WXsg--.isActive-2mI1-NUL- .bg-1kRv1Pf2- {
    background-color: #2f3241;
}

.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-,
.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,
.feature-touch .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F- {
    color: #1592e6;
}

html.feature-no-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-,
html.feature-no-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,
html.feature-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F- {
    color: #ff7200;
}

html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-,
html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,
html.feature-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F- {
    color: #3bb3e4;
}

.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:hover .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2-,
.feature-touch .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2- {
    background-color: rgb(237, 238, 240);
}

html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:hover .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2-,
html.feature-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2- {
    background-color: rgb(46, 49, 64);
}


/* Grayed, transparent */

.button-263WXsg--.isGrayed-1kWObWVr- {
    opacity: 0.3;
    cursor: default;
}

.button-263WXsg--.isGrayed-1kWObWVr-,
.button-263WXsg--.isGrayed-1kWObWVr- .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:hover,
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:active,
.feature-touch .button-263WXsg--.isGrayed-1kWObWVr-:active,
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:hover .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
.feature-touch .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
.button-263WXsg--.isTransparent-sRmateFl-,
.button-263WXsg--.isTransparent-sRmateFl- .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:hover,
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:active,
.feature-touch .button-263WXsg--.isTransparent-sRmateFl-:active,
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:hover .bg-1kRv1Pf2-,
.feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-,
.feature-touch .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2- {
    background-color: transparent;
}

html.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-,
html.theme-dark .button-263WXsg--.isGrayed-1kWObWVr- .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:hover,
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active,
html.feature-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active,
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:hover .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
html.feature-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,
html.theme-dark .button-263WXsg--.isTransparent-sRmateFl-,
html.theme-dark .button-263WXsg--.isTransparent-sRmateFl- .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:hover,
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active,
html.feature-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active,
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:hover .bg-1kRv1Pf2-,
html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-,
html.feature-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2- {
    background-color: transparent;
}


/* Hidden */

.button-263WXsg--.isHidden-2VzaskeU- {
    display: none;
}


/* Constants */


/* Dropdown */

.dropdown-3_ASLzSj- {
    position: relative;
}


/* Button Wrap */

.buttonWrap-3fZWypJl- {
    transform: translateX(0);
}


/* Button */

.control-1TyEfSIx- {
    position: relative;
    overflow: hidden;
    width: 52px;
    box-sizing: border-box;
    touch-action: manipulation;
}

.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok- {
    opacity: 1;
}


/* Arrow */

.arrow-1cFKS5Ok- {
    display: flex;
    position: absolute;
    opacity: .7;
    top: 1px;
    right: 0;
    transform: translateX(100%);
    bottom: 1px;
    align-items: center;
    justify-content: center;
    width: 12px;
    cursor: default;
    box-sizing: border-box;
    border-radius: 0 2px 2px 0;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity ease 250ms;
}

.arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- {
    transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms, opacity ease 250ms;
}

.arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- svg {
    display: block;
    width: 4px;
    height: 7px;
    fill: #758696;
    transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms, opacity ease 250ms;
}


/* Arrow shifting */

.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-,
.isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-,
.feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok- {
    transform: translateX(0);
    opacity: .7;
}

.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-:hover,
.feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover,
.feature-no-touch .feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover {
    opacity: 1;
}

.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-:hover svg,
.feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg,
.feature-no-touch .feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg {
    fill: #758696;
    transform: translateX(-1px);
}


/* Opened state */

.isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- {
    transform: rotate(-180deg);
}

.feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg {
    transform: translateX(1px);
}


/* Grayed state */

.feature-no-touch .isGrayed-xr-mULNo- .control-1TyEfSIx-:hover .buttonWrap-3fZWypJl-,
.feature-touch .isGrayed-xr-mULNo- .control-1TyEfSIx- .buttonWrap-3fZWypJl- {
    transform: translateX(0);
}

.wrap-2I6DAtXG- {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
    width: 390px;
    box-sizing: border-box;
}

.buttonIcon-2rBwJ1QM-,
.item-31XunD5q- {
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: FontAwesome;
    font-size: 19px;
}

.item-31XunD5q- {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 38px;
    height: 38px;
    cursor: pointer;
    color: #4c525e;
    transition: color ease 60ms;
    /* allow to override anything */
}

html.theme-dark .item-31XunD5q- {
    color: #758696;
}

.item-31XunD5q-.hovered-2A1Cpat5-,
.feature-no-touch .item-31XunD5q-:hover,
.feature-no-touch .item-31XunD5q-:active,
.feature-touch .item-31XunD5q-:active {
    color: #131722;
}

html.theme-dark .item-31XunD5q-.hovered-2A1Cpat5-,
html.feature-no-touch.theme-dark .item-31XunD5q-:hover,
html.feature-no-touch.theme-dark .item-31XunD5q-:active,
html.feature-touch.theme-dark .item-31XunD5q-:active {
    color: #9db2bd;
}

.feature-no-touch .button-21ihqWJ8-:hover .buttonIcon-2rBwJ1QM- {
    transition-duration: 60ms;
}

.item-62xp8vsV- {
    overflow: hidden;
    height: 36px;
    transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 175ms, opacity ease 350ms;
}

.enter-21AyqfcZ-,
.enterActive-kua-y7K8- {
    opacity: 0;
}

.enter-21AyqfcZ- {
    height: 0;
}

.enterActive-kua-y7K8- {
    height: 36px;
}

.leave-4EzZ54xf- {
    height: 0;
    opacity: 0;
    transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 175ms 87.5ms, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 175ms;
}

.container-3_8ayT2Q- {
    display: block;
    transition: fill ease 60ms, stroke ease 60ms;
}

.container-3_8ayT2Q-.mirror-crJbq8d0- {
    transform: rotate(-180deg);
}

.container-3_8ayT2Q- .background-Q1Fcmxly- {
    fill: #ffffff;
    stroke: #dadde0;
}

html.theme-dark .container-3_8ayT2Q- .background-Q1Fcmxly- {
    stroke: #363c4e;
}

html.theme-dark .container-3_8ayT2Q- .background-Q1Fcmxly- {
    fill: #131722;
}

.container-3_8ayT2Q- .arrow-WcYWFXUn- {
    stroke: #9db2bd;
}

html.theme-dark .container-3_8ayT2Q- .arrow-WcYWFXUn- {
    stroke: #9db2bd;
}

.feature-no-touch .container-3_8ayT2Q-:hover .background-Q1Fcmxly- {
    fill: #3bb3e4;
    stroke: #299dcd;
}

html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .background-Q1Fcmxly- {
    stroke: #3bb3e4;
}

html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .background-Q1Fcmxly- {
    fill: #299dcd;
}

.feature-no-touch .container-3_8ayT2Q-:hover .arrow-WcYWFXUn- {
    stroke: #ffffff;
}

html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .arrow-WcYWFXUn- {
    stroke: #131722;
}

.drawingToolbar-U3_QXRof- {
    position: relative;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffffff;
}

html.theme-dark .drawingToolbar-U3_QXRof- {
    background-color: #131722;
}

.drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV- {
    background-color: transparent;
}

html.theme-dark .drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV- {
    background-color: transparent;
}

.drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV- .inner-1xuW-gY4- {
    display: none;
}

.inner-1xuW-gY4- {
    display: flex;
    flex-direction: column;
    width: 52px;
    background-color: #e7ebee;
}

html.theme-dark .inner-1xuW-gY4- {
    background-color: #2f3241;
}

.toggleButton-13QgefpG- {
    position: absolute;
    z-index: 10;
    bottom: 58px;
    left: 100%;
    margin-left: -6px;
}

.toggleButton-13QgefpG-.collapsed-2trH0gCi- {
    left: 0;
    margin-left: 0;
}

.group-2JyOhh7Z- {
    padding: 6px 0;
    background-color: #ffffff;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

html.theme-dark .group-2JyOhh7Z- {
    background-color: #131722;
}

.group-2JyOhh7Z-+.group-2JyOhh7Z- {
    margin-top: 1px;
}

.group-2JyOhh7Z-:last-child {
    border-bottom-left-radius: 0;
}

.group-2JyOhh7Z-:first-child {
    border-top-left-radius: 0;
}

.separator-1BAqp1-l- {
    position: relative;
    margin: 5px 0;
    width: 100%;
    height: 1px;
    background-color: #e1ecf2;
}

html.theme-dark .separator-1BAqp1-l- {
    background-color: #363c4e;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-rename-chart-dialog__field {
    font-size: 13px;
    display: block;
}

.tv-rename-chart-dialog__field:not(:last-child) {
    margin-bottom: 13px;
}

.tv-rename-chart-dialog__label {
    display: inline-block;
    margin-bottom: 10px;
}

.tv-rename-chart-dialog__label a {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark .tv-rename-chart-dialog__label a {
    color: #299dcd;
}

.tv-rename-chart-dialog__label a:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark .tv-rename-chart-dialog__label a:visited {
    fill: #299dcd;
}

html.theme-dark .tv-rename-chart-dialog__label a:visited {
    color: #299dcd;
}

.feature-no-touch .tv-rename-chart-dialog__label a:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .tv-rename-chart-dialog__label a:active,
.feature-touch .tv-rename-chart-dialog__label a:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

.tv-rename-chart-dialog__hint {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.tv-rename-chart-dialog__hint:before {
    -webkit-filter: invert(50%);
    filter: invert(50%);
    content: url('../images/svg/question-mark-rounded.svg');
}


/**
 * Checkbox block
 */


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-control-checkbox {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.tv-control-checkbox--in-actions {
    max-width: 50%;
}

@media screen and (max-width:479px) {
    .tv-control-checkbox--in-actions {
        max-width: none;
    }
}

.tv-control-checkbox,
.tv-control-checkbox__label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tv-control-checkbox--nowrap,
.tv-control-checkbox__label--nowrap {
    white-space: nowrap;
}

.tv-control-checkbox__input {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    opacity: 0;
}

.tv-control-checkbox__box {
    display: block;
    width: 18px;
    height: 18px;
    line-height: 1;
    border-radius: 2px;
    box-sizing: border-box;
    pointer-events: none;
    transition: background-color ease 0.35s;
}

.tv-control-checkbox__box:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -9px;
    margin-right: -9px;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    background-color: transparent;
    transform: scale(1);
    transition: transform ease 0.35s, background-color ease 0.35s, border-radius ease 0.35s;
}

.tv-control-checkbox__box:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: 2px solid #758696;
    border-radius: 2px;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    transition: border-color ease 0.35s;
}

.tv-control-checkbox__box svg {
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -6px;
    margin-right: -6px;
    width: 12px;
    height: 12px;
    stroke: transparent;
    transform: scale(0);
    transition: stroke ease 0.35s 0.001s, transform ease 0.35s 0.001s;
}

.tv-control-checkbox__label {
    white-space: normal;
    margin-left: 10px;
}

.tv-control-checkbox__label--two-lines {
    width: 155px;
}

.tv-control-checkbox__label--nowrap {
    white-space: nowrap;
}

.tv-control-checkbox__label--lil-line-height {
    line-height: 16px;
    min-width: 50%;
    max-width: 80%;
}

.tv-control-checkbox__label+.tv-control-checkbox {
    margin-right: 0;
}

.tv-control-checkbox+.tv-control-checkbox__label {
    margin-left: 0;
    margin-right: 10px;
    max-width: calc(100% - 1ex - 28px);
}

.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box,
.feature-no-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box,
.feature-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box {
    will-change: background-color;
}

.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:before,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:before,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:before,
.feature-no-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:before,
.feature-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:before {
    will-change: transform, border-radius;
}

.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after {
    will-change: border-color;
}

.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:after {
    border-color: #627384;
}

.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox__input:focus+.tv-control-checkbox__box:after {
    border-color: #3bb3e4;
}

.tv-control-checkbox__input:checked+.tv-control-checkbox__box {
    background-color: #3bb3e4;
}

.tv-control-checkbox__input:checked+.tv-control-checkbox__box,
.tv-control-checkbox__input:checked+.tv-control-checkbox__box:before,
.tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.tv-control-checkbox__input:checked+.tv-control-checkbox__box:before {
    border-radius: 50%;
    transform: scale(0);
}

.tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
    border-color: #3bb3e4;
}

.tv-control-checkbox__input:checked+.tv-control-checkbox__box svg {
    stroke: #ffffff;
    transform: scale(1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-delay: 0.0875s;
    will-change: stroke, transform;
}

.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box {
    background-color: #3babd8;
}

.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
    border-color: #3babd8;
}

.feature-no-touch .tv-control-checkbox__input:focus:checked+.tv-control-checkbox__box,
.feature-touch .tv-control-checkbox__input:focus:checked+.tv-control-checkbox__box,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box {
    background-color: #049ddc;
}

.feature-no-touch .tv-control-checkbox__input:focus:checked+.tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox__input:focus:checked+.tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked+.tv-control-checkbox__box:after {
    border-color: #049ddc;
}

.tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
.tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after {
    border-color: #dadde0;
}

html.theme-dark .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
html.theme-dark .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
html.feature-no-touch.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
html.feature-no-touch.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:after,
html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after,
html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:after {
    border-color: #363c4e;
}

.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:before,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:before,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:before,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:before {
    background-color: #f1f3f6;
    transition: background-color ease 0.35s;
}

html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:before,
html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]+.tv-control-checkbox__box:before,
html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:before,
html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box:before {
    background-color: #2f3241;
}

.tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box,
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box,
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box,
.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box {
    background-color: #dadde0;
}

.tv-control-checkbox__ripple {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: -10px;
    padding: 10px;
    overflow: hidden;
    border-radius: 50%;
    -webkit-mask-image: radial-gradient(circle, white 100%, black 100%);
    mask-image: radial-gradient(circle, white 100%, black 100%);
}

.tv-control-checkbox__input:checked+.tv-control-checkbox__box+.tv-control-checkbox__ripple .tv-ripple {
    background-color: rgba(59, 179, 228, 0.25);
}

.tv-control-checkbox__input[disabled]+.tv-control-checkbox__box+.tv-control-checkbox__ripple .tv-ripple,
.tv-control-checkbox__input[disabled]:checked+.tv-control-checkbox__box+.tv-control-checkbox__ripple .tv-ripple {
    background-color: transparent;
}

.tv-control-checkbox.i-error .tv-control-checkbox__box:after {
    border-color: #ff4a68;
}

.tv-control-checkbox.i-disabled {
    cursor: default;
}


/**
 * Popup/Modal Dialog
 */


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */


/**
 * Input
 */

.tv-control-input,
.tv-control-textarea,
.tv-dialog__chat-username-input,
.tv-dialog__widetextarea {
    display: block;
    padding: 0 12px;
    width: 100%;
    height: 34px;
    font-size: 13px;
    color: #4a4a4a;
    border-color: #dadde0;
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transition: border-color ease 0.35s, background-color ease 0.35s;
}

html.theme-dark .tv-control-input,
html.theme-dark .tv-control-textarea,
html.theme-dark .tv-dialog__chat-username-input,
html.theme-dark .tv-dialog__widetextarea {
    background-color: #1c2030;
}

html.theme-dark .tv-control-input,
html.theme-dark .tv-control-textarea,
html.theme-dark .tv-dialog__chat-username-input,
html.theme-dark .tv-dialog__widetextarea {
    border-color: #363c4e;
}

html.theme-dark .tv-control-input,
html.theme-dark .tv-control-textarea,
html.theme-dark .tv-dialog__chat-username-input,
html.theme-dark .tv-dialog__widetextarea {
    color: #c5cbce;
}

.tv-control-input::-webkit-input-placeholder,
.tv-control-textarea::-webkit-input-placeholder,
.tv-dialog__chat-username-input::-webkit-input-placeholder,
.tv-dialog__widetextarea::-webkit-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.tv-control-input:-ms-input-placeholder,
.tv-control-textarea:-ms-input-placeholder,
.tv-dialog__chat-username-input:-ms-input-placeholder,
.tv-dialog__widetextarea:-ms-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.tv-control-input::-ms-input-placeholder,
.tv-control-textarea::-ms-input-placeholder,
.tv-dialog__chat-username-input::-ms-input-placeholder,
.tv-dialog__widetextarea::-ms-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.tv-control-input::placeholder,
.tv-control-textarea::placeholder,
.tv-dialog__chat-username-input::placeholder,
.tv-dialog__widetextarea::placeholder {
    color: #adaeb0;
    opacity: 1;
}

html.theme-dark .tv-control-input::-webkit-input-placeholder,
html.theme-dark .tv-control-textarea::-webkit-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input::-webkit-input-placeholder,
html.theme-dark .tv-dialog__widetextarea::-webkit-input-placeholder {
    color: #4f5966;
}

html.theme-dark .tv-control-input:-ms-input-placeholder,
html.theme-dark .tv-control-textarea:-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input:-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea:-ms-input-placeholder {
    color: #4f5966;
}

html.theme-dark .tv-control-input::-ms-input-placeholder,
html.theme-dark .tv-control-textarea::-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input::-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea::-ms-input-placeholder {
    color: #4f5966;
}

html.theme-dark .tv-control-input::placeholder,
html.theme-dark .tv-control-textarea::placeholder,
html.theme-dark .tv-dialog__chat-username-input::placeholder,
html.theme-dark .tv-dialog__widetextarea::placeholder {
    color: #4f5966;
}

.tv-control-input:-webkit-autofill,
.tv-control-textarea:-webkit-autofill,
.tv-dialog__chat-username-input:-webkit-autofill,
.tv-dialog__widetextarea:-webkit-autofill {
    -webkit-text-fill-color: #535353 !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

.tv-control-input--size_xsmall,
.tv-control-textarea--size_xsmall,
.tv-dialog__chat-username-input--size_xsmall,
.tv-dialog__widetextarea--size_xsmall {
    height: 19px;
}

.tv-control-input--size_small,
.tv-control-textarea--size_small,
.tv-dialog__chat-username-input--size_small,
.tv-dialog__widetextarea--size_small {
    height: 27px;
}

.tv-control-input--size_large,
.tv-control-textarea--size_large,
.tv-dialog__chat-username-input--size_large,
.tv-dialog__widetextarea--size_large {
    height: 48px;
}

.tv-control-input--connect,
.tv-control-textarea--connect,
.tv-dialog__chat-username-input--connect,
.tv-dialog__widetextarea--connect {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.tv-control-input--connect_left,
.tv-control-textarea--connect_left,
.tv-dialog__chat-username-input--connect_left,
.tv-dialog__widetextarea--connect_left {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tv-control-input--connect_right,
.tv-control-textarea--connect_right,
.tv-dialog__chat-username-input--connect_right,
.tv-dialog__widetextarea--connect_right {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tv-control-input--connect_right#id_username,
.tv-control-textarea--connect_right#id_username,
.tv-dialog__chat-username-input--connect_right#id_username,
.tv-dialog__widetextarea--connect_right#id_username {
    direction: ltr;
    text-align: right
}

.feature-no-touch .tv-control-input:hover,
.feature-no-touch .tv-control-textarea:hover,
.feature-no-touch .tv-dialog__chat-username-input:hover,
.feature-no-touch .tv-dialog__widetextarea:hover {
    border-color: #c8c8c8;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-control-input:hover,
html.feature-no-touch.theme-dark .tv-control-textarea:hover,
html.feature-no-touch.theme-dark .tv-dialog__chat-username-input:hover,
html.feature-no-touch.theme-dark .tv-dialog__widetextarea:hover {
    border-color: #4c525e;
}

.feature-no-touch .tv-control-input:focus,
.feature-touch .tv-control-input:focus,
.feature-no-touch .tv-control-textarea:focus,
.feature-touch .tv-control-textarea:focus,
.feature-no-touch .tv-dialog__chat-username-input:focus,
.feature-touch .tv-dialog__chat-username-input:focus,
.feature-no-touch .tv-dialog__widetextarea:focus,
.feature-touch .tv-dialog__widetextarea:focus {
    border-color: #3bb3e4 !important;
    transition-duration: 0.06s;
}

.tv-control-input[readonly],
.tv-control-textarea[readonly],
.tv-dialog__chat-username-input[readonly],
.tv-dialog__widetextarea[readonly] {
    color: #8a8a8a;
    border-color: #dadde0;
}

.feature-no-touch .tv-control-input[readonly]:hover,
.feature-no-touch .tv-control-input[readonly]:focus,
.feature-touch .tv-control-input[readonly]:focus,
.feature-no-touch .tv-control-textarea[readonly]:hover,
.feature-no-touch .tv-control-textarea[readonly]:focus,
.feature-touch .tv-control-textarea[readonly]:focus,
.feature-no-touch .tv-dialog__chat-username-input[readonly]:hover,
.feature-no-touch .tv-dialog__chat-username-input[readonly]:focus,
.feature-touch .tv-dialog__chat-username-input[readonly]:focus,
.feature-no-touch .tv-dialog__widetextarea[readonly]:hover,
.feature-no-touch .tv-dialog__widetextarea[readonly]:focus,
.feature-touch .tv-dialog__widetextarea[readonly]:focus {
    border-color: #dadde0;
}

.tv-control-input--readonly_dark,
.tv-control-input--readonly_dark[readonly],
.tv-control-textarea--readonly_dark,
.tv-control-textarea--readonly_dark[readonly],
.tv-dialog__chat-username-input--readonly_dark,
.tv-dialog__chat-username-input--readonly_dark[readonly],
.tv-dialog__widetextarea--readonly_dark,
.tv-dialog__widetextarea--readonly_dark[readonly] {
    color: #555555;
}

html.theme-dark .tv-control-input--readonly_dark,
html.theme-dark .tv-control-input--readonly_dark[readonly],
html.theme-dark .tv-control-textarea--readonly_dark,
html.theme-dark .tv-control-textarea--readonly_dark[readonly],
html.theme-dark .tv-dialog__chat-username-input--readonly_dark,
html.theme-dark .tv-dialog__chat-username-input--readonly_dark[readonly],
html.theme-dark .tv-dialog__widetextarea--readonly_dark,
html.theme-dark .tv-dialog__widetextarea--readonly_dark[readonly] {
    color: #4c525e;
}

.tv-control-input[disabled],
.tv-control-input.i-disabled,
.tv-control-textarea[disabled],
.tv-control-textarea.i-disabled,
.tv-dialog__chat-username-input[disabled],
.tv-dialog__chat-username-input.i-disabled,
.tv-dialog__widetextarea[disabled],
.tv-dialog__widetextarea.i-disabled {
    color: #ececec !important;
    border-color: #ececec !important;
}

html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled,
html.theme-dark .tv-control-textarea[disabled],
html.theme-dark .tv-control-textarea.i-disabled,
html.theme-dark .tv-dialog__chat-username-input[disabled],
html.theme-dark .tv-dialog__chat-username-input.i-disabled,
html.theme-dark .tv-dialog__widetextarea[disabled],
html.theme-dark .tv-dialog__widetextarea.i-disabled {
    border-color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled,
html.theme-dark .tv-control-textarea[disabled],
html.theme-dark .tv-control-textarea.i-disabled,
html.theme-dark .tv-dialog__chat-username-input[disabled],
html.theme-dark .tv-dialog__chat-username-input.i-disabled,
html.theme-dark .tv-dialog__widetextarea[disabled],
html.theme-dark .tv-dialog__widetextarea.i-disabled {
    color: #262b3e !important;
}

.tv-control-input[disabled]::-webkit-input-placeholder,
.tv-control-input.i-disabled::-webkit-input-placeholder,
.tv-control-textarea[disabled]::-webkit-input-placeholder,
.tv-control-textarea.i-disabled::-webkit-input-placeholder,
.tv-dialog__chat-username-input[disabled]::-webkit-input-placeholder,
.tv-dialog__chat-username-input.i-disabled::-webkit-input-placeholder,
.tv-dialog__widetextarea[disabled]::-webkit-input-placeholder,
.tv-dialog__widetextarea.i-disabled::-webkit-input-placeholder {
    color: #ececec !important;
}

.tv-control-input[disabled]:-ms-input-placeholder,
.tv-control-input.i-disabled:-ms-input-placeholder,
.tv-control-textarea[disabled]:-ms-input-placeholder,
.tv-control-textarea.i-disabled:-ms-input-placeholder,
.tv-dialog__chat-username-input[disabled]:-ms-input-placeholder,
.tv-dialog__chat-username-input.i-disabled:-ms-input-placeholder,
.tv-dialog__widetextarea[disabled]:-ms-input-placeholder,
.tv-dialog__widetextarea.i-disabled:-ms-input-placeholder {
    color: #ececec !important;
}

.tv-control-input[disabled]::-ms-input-placeholder,
.tv-control-input.i-disabled::-ms-input-placeholder,
.tv-control-textarea[disabled]::-ms-input-placeholder,
.tv-control-textarea.i-disabled::-ms-input-placeholder,
.tv-dialog__chat-username-input[disabled]::-ms-input-placeholder,
.tv-dialog__chat-username-input.i-disabled::-ms-input-placeholder,
.tv-dialog__widetextarea[disabled]::-ms-input-placeholder,
.tv-dialog__widetextarea.i-disabled::-ms-input-placeholder {
    color: #ececec !important;
}

.tv-control-input[disabled]::placeholder,
.tv-control-input.i-disabled::placeholder,
.tv-control-textarea[disabled]::placeholder,
.tv-control-textarea.i-disabled::placeholder,
.tv-dialog__chat-username-input[disabled]::placeholder,
.tv-dialog__chat-username-input.i-disabled::placeholder,
.tv-dialog__widetextarea[disabled]::placeholder,
.tv-dialog__widetextarea.i-disabled::placeholder {
    color: #ececec !important;
}

html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder,
html.theme-dark .tv-control-textarea[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-control-textarea.i-disabled::-webkit-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input.i-disabled::-webkit-input-placeholder,
html.theme-dark .tv-dialog__widetextarea[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-dialog__widetextarea.i-disabled::-webkit-input-placeholder {
    color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder,
html.theme-dark .tv-control-textarea[disabled]:-ms-input-placeholder,
html.theme-dark .tv-control-textarea.i-disabled:-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input[disabled]:-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input.i-disabled:-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea[disabled]:-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea.i-disabled:-ms-input-placeholder {
    color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder,
html.theme-dark .tv-control-textarea[disabled]::-ms-input-placeholder,
html.theme-dark .tv-control-textarea.i-disabled::-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input[disabled]::-ms-input-placeholder,
html.theme-dark .tv-dialog__chat-username-input.i-disabled::-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea[disabled]::-ms-input-placeholder,
html.theme-dark .tv-dialog__widetextarea.i-disabled::-ms-input-placeholder {
    color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled]::placeholder,
html.theme-dark .tv-control-input.i-disabled::placeholder,
html.theme-dark .tv-control-textarea[disabled]::placeholder,
html.theme-dark .tv-control-textarea.i-disabled::placeholder,
html.theme-dark .tv-dialog__chat-username-input[disabled]::placeholder,
html.theme-dark .tv-dialog__chat-username-input.i-disabled::placeholder,
html.theme-dark .tv-dialog__widetextarea[disabled]::placeholder,
html.theme-dark .tv-dialog__widetextarea.i-disabled::placeholder {
    color: #262b3e !important;
}

.feature-no-touch .tv-control-input[disabled]:hover,
.feature-no-touch .tv-control-input.i-disabled:hover,
.feature-no-touch .tv-control-textarea[disabled]:hover,
.feature-no-touch .tv-control-textarea.i-disabled:hover,
.feature-no-touch .tv-dialog__chat-username-input[disabled]:hover,
.feature-no-touch .tv-dialog__chat-username-input.i-disabled:hover,
.feature-no-touch .tv-dialog__widetextarea[disabled]:hover,
.feature-no-touch .tv-dialog__widetextarea.i-disabled:hover {
    border-color: #ececec !important;
}

html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover,
html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-control-textarea[disabled]:hover,
html.feature-no-touch.theme-dark .tv-control-textarea.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-dialog__chat-username-input[disabled]:hover,
html.feature-no-touch.theme-dark .tv-dialog__chat-username-input.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-dialog__widetextarea[disabled]:hover,
html.feature-no-touch.theme-dark .tv-dialog__widetextarea.i-disabled:hover {
    border-color: #262b3e !important;
}

.tv-control-input.i-error,
.tv-control-textarea.i-error,
.tv-dialog__chat-username-input.i-error,
.tv-dialog__widetextarea.i-error {
    border-color: #ff4a68 !important;
}

.feature-no-touch .tv-control-input.i-error:hover,
.feature-no-touch .tv-control-textarea.i-error:hover,
.feature-no-touch .tv-dialog__chat-username-input.i-error:hover,
.feature-no-touch .tv-dialog__widetextarea.i-error:hover {
    border-color: #f24965 !important;
}

.feature-no-touch .tv-control-input.i-error:focus,
.feature-touch .tv-control-input.i-error:focus,
.feature-no-touch .tv-control-textarea.i-error:focus,
.feature-touch .tv-control-textarea.i-error:focus,
.feature-no-touch .tv-dialog__chat-username-input.i-error:focus,
.feature-touch .tv-dialog__chat-username-input.i-error:focus,
.feature-no-touch .tv-dialog__widetextarea.i-error:focus,
.feature-touch .tv-dialog__widetextarea.i-error:focus {
    border-color: #ff173e !important;
}

.tv-control-input.i-success,
.tv-control-textarea.i-success,
.tv-dialog__chat-username-input.i-success,
.tv-dialog__widetextarea.i-success {
    border-color: #3cbc98 !important;
}

.feature-no-touch .tv-control-input.i-success:hover,
.feature-no-touch .tv-control-textarea.i-success:hover,
.feature-no-touch .tv-dialog__chat-username-input.i-success:hover,
.feature-no-touch .tv-dialog__widetextarea.i-success:hover {
    border-color: #38b395 !important;
}

.feature-no-touch .tv-control-input.i-success:focus,
.feature-touch .tv-control-input.i-success:focus,
.feature-no-touch .tv-control-textarea.i-success:focus,
.feature-touch .tv-control-textarea.i-success:focus,
.feature-no-touch .tv-dialog__chat-username-input.i-success:focus,
.feature-touch .tv-dialog__chat-username-input.i-success:focus,
.feature-no-touch .tv-dialog__widetextarea.i-success:focus,
.feature-touch .tv-dialog__widetextarea.i-success:focus {
    border-color: #00a97f !important;
}

.tv-control-input--phone,
.tv-control-textarea--phone,
.tv-dialog__chat-username-input--phone,
.tv-dialog__widetextarea--phone {
    direction: ltr;
    text-align: right;
}

.tv-control-input--file {
    display: none;
}


/**
 * Textarea
 */

.tv-control-textarea,
.tv-dialog__widetextarea {
    height: auto;
    padding-top: 9px;
    padding-bottom: 9px;
}

.tv-control-textarea--readonly_dark,
.tv-control-textarea--readonly_dark[readonly],
.tv-dialog__widetextarea--readonly_dark,
.tv-dialog__widetextarea--readonly_dark[readonly] {
    color: #555555;
}

html.theme-dark .tv-control-textarea--readonly_dark,
html.theme-dark .tv-control-textarea--readonly_dark[readonly],
html.theme-dark .tv-dialog__widetextarea--readonly_dark,
html.theme-dark .tv-dialog__widetextarea--readonly_dark[readonly] {
    color: #4c525e;
}

.tv-dialog {
    display: inline-block;
    position: relative;
    min-width: 280px;
    text-align: right;
    box-sizing: border-box;
    transition-property: none;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}

html.theme-dark .tv-dialog {
    background-color: #1c2030;
}

html.theme-dark .tv-dialog {
    box-shadow: #000000 0 2px 4px 0;
}

.tv-dialog .tv-text ul:last-child {
    margin-bottom: 0;
}

.tv-dialog--animated {
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s;
}

.tv-dialog.i-focused {
    box-shadow: rgba(0, 0, 0, 0.275) 0px 1px 6px 1px;
}

.tv-dialog--signin {
    transition-delay: 0.2625s;
}

.tv-dialog--signin.i-closing {
    transition-delay: 0.001s;
    transition-duration: 0.175s;
}

.tv-dialog--signin,
.tv-dialog--signin.i-focused {
    box-shadow: none !important;
    background-color: transparent;
}

html.theme-dark .tv-dialog--signin,
html.theme-dark .tv-dialog--signin.i-focused {
    background-color: transparent;
}

.tv-dialog--popup {
    width: calc(100% - 20px);
}

.tv-dialog__overlay,
.tv-dialog__modal-wrap {
    position: fixed;
    contain: layout style size;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 110;
    box-sizing: border-box;
}

.tv-dialog__overlay {
    background-color: rgba(0, 0, 0, 0.05);
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s;
}

.tv-dialog__overlay.i-closed {
    opacity: 0;
    transition-duration: 0.175s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.tv-dialog__overlay--signin {
    background-color: #1c2030;
}

html.theme-dark .tv-dialog__overlay--signin {
    background-color: #1c2030;
}

.tv-dialog__overlay--signin.i-closing {
    transition-delay: 0.175s;
}

.tv-dialog__modal-wrap {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.tv-dialog__modal-wrap.i-closed .tv-dialog {
    opacity: 0;
    transform: translateY(20px);
    transition-duration: 0.175s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.tv-dialog__modal-wrap.i-closed .tv-dialog--signin {
    transform: scale(0.9);
}

.tv-dialog__modal-wrap.i-closed .tv-dialog--signin.i-closing {
    transform: scale(1.1);
}

.tv-dialog__modal-container {
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    box-sizing: border-box;
}

.tv-dialog__modal-container:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.tv-dialog__modal-body {
    display: inline-block;
    vertical-align: middle;
    padding: 40px 20px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}

@media screen and (max-width:1019px) {
    .tv-dialog__modal-body {
        padding: 20px;
    }
}

.tv-dialog__error {
    position: absolute;
    padding: 30px;
    top: 0;
    right: 0;
    left: 0;
    color: #ff4a68;
    background: #ffffff;
    border: 1px solid #ff4a68;
    border-radius: 3px 3px 0 0;
    transform-origin: top center;
    box-sizing: border-box;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s;
    z-index: 1;
}

html.theme-dark .tv-dialog__error {
    background: #1c2030;
}

.tv-dialog__error.i-slided {
    opacity: 0;
    transform: translateY(-5px) scale(1, 0.85);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.tv-dialog__error.i-fixed {
    margin: 0 auto;
    position: fixed;
    top: 10px;
}

@media screen and (max-width:767px) {
    .tv-dialog__error {
        padding: 20px;
    }
}

.tv-dialog__error a {
    color: #ff4a68;
    transition: color ease 0.35s;
    text-decoration: underline;
}

.tv-dialog__error a:visited {
    color: #ff4a68;
    fill: #ff4a68;
}

.feature-no-touch .tv-dialog__error a:hover {
    color: #f24965;
    fill: #f24965;
    transition-duration: 0.06s;
}

.feature-no-touch .tv-dialog__error a:active,
.feature-touch .tv-dialog__error a:active {
    color: #ff173e;
    fill: #ff173e;
    transition-duration: 0.06s;
}

.tv-dialog__error--dark {
    border-radius: 3px;
    border-color: #4e5866;
    background-color: #2a2c39;
}

.tv-dialog__header {
    display: flex;
    padding-top: 10px;
}

@media screen and (max-width:479px) {
    .tv-dialog__header--adaptive {
        flex-direction: column;
        text-align: center;
    }
}

.tv-dialog__header-logo {
    margin-left: 20px;
    margin-bottom: 10px;
    flex: 0 0 auto;
}

.tv-dialog__header-logo svg {
    max-height: 95px;
}

.tv-dialog__header-title {
    flex: 1 1 auto;
}

.tv-dialog__section {
    padding: 30px;
    border-bottom: 1px solid;
    border-bottom-color: #dadde0;
}

html.theme-dark .tv-dialog__section {
    border-bottom-color: #363c4e;
}

.tv-dialog__section--last,
.tv-dialog__section--no-border,
.tv-dialog__section:last-child {
    border-bottom: none !important;
}

@media screen and (max-width:767px) {
    .tv-dialog__section {
        padding: 20px;
    }
}

.tv-dialog__section--no-padding_bottom {
    padding-bottom: 0;
}

.tv-dialog__section--actions {
    display: inline-block;
    box-sizing: border-box;
    white-space: nowrap;
    width: 100%;
    padding-bottom: 40px;
    text-align: left;
}

.tv-dialog__section--actions_with-help:after {
    clear: both;
    display: table;
    content: '';
}

.tv-dialog__section--actions_with-border {
    border-top: 1px solid;
    border-top-color: #dadde0;
    padding-top: 29px;
}

html.theme-dark .tv-dialog__section--actions_with-border {
    border-top-color: #363c4e;
}

@media screen and (max-width:767px) {
    .tv-dialog__section--actions_with-border {
        padding: 19px;
    }
}

@media screen and (max-width:479px) {
    .tv-dialog__section--actions-adaptive {
        display: flex;
        flex-flow: column-reverse wrap;
    }
    .tv-dialog__section--actions-adaptive .tv-button {
        margin-top: 10px;
    }
    .tv-dialog__section--actions-adaptive .tv-control-checkbox {
        order: 1;
    }
    .tv-dialog__section--actions-adaptive .tv-button:first-child,
    .tv-dialog__section--actions-adaptive .tv-button:last-child {
        margin-right: 0;
    }
}

.tv-dialog__section--title {
    padding-left: 70px;
}

.tv-dialog__section--one-line {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tv-dialog__grab {
    cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
    cursor: -webkit-grab;
    cursor: grab;
}

.feature-no-touch .tv-dialog__grab:active,
.feature-touch .tv-dialog__grab:active,
.ui-draggable-dragging .tv-dialog__grab {
    cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.tv-dialog__title {
    font-size: 14px;
    font-weight: bold;
    color: #4a4a4a;
}

html.theme-dark .tv-dialog__title {
    color: #c5cbce;
}

.tv-dialog__title--relative {
    position: relative;
}

.tv-dialog__close {
    position: absolute;
    padding: 15px;
    top: 17px;
    left: 15px;
    cursor: pointer;
    opacity: .5;
    transition: opacity ease 0.35s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (max-width:767px) {
    .tv-dialog__close {
        top: 7px;
        left: 7px;
    }
}

.feature-no-touch .tv-dialog__close:hover {
    opacity: 1;
    transition-duration: 0.06s;
}

.tv-dialog__close svg {
    display: block;
    width: 13px;
    height: 13px;
    fill: #4a4a4a;
}

html.theme-dark .tv-dialog__close svg {
    fill: #c5cbce;
}

.tv-dialog__close--new-style svg {
    width: 21px;
    height: 21px;
    fill: #4c525e;
}

.tv-dialog__widetextarea {
    padding: 25px 30px;
    border-radius: 0;
    border-right: none;
    border-left: none;
    background-color: #ffffff;
    color: #4a4a4a;
}

html.theme-dark .tv-dialog__widetextarea {
    color: #c5cbce;
}

html.theme-dark .tv-dialog__widetextarea {
    background-color: #1c2030;
}

@media screen and (max-width:767px) {
    .tv-dialog__widetextarea {
        padding: 15px 20px;
    }
}

.tv-dialog__expand-section {
    margin: 0 -30px;
}

@media screen and (max-width:767px) {
    .tv-dialog__expand-section {
        margin: 0 -20px;
    }
}

.tv-dialog--popup {
    position: fixed;
}

.tv-dialog--popup.i-closed {
    opacity: 0;
    transform: scale(0.925);
}

.tv-dialog__help {
    float: right;
    position: relative;
    top: 8px;
    margin-left: 15px;
    width: 18px;
    height: 18px;
    font-size: 13px;
    line-height: 16px;
    color: #b4b4b4;
    border: 1px solid;
    border-color: #b4b4b4;
    border-radius: 50%;
    transition: border-color ease 0.35s, color ease 0.35s;
}

html.theme-dark .tv-dialog__help {
    border-color: #4c525e;
}

html.theme-dark .tv-dialog__help {
    color: #4c525e;
}

.tv-dialog__help:after {
    content: '?';
    position: absolute;
    display: inline-block;
    top: 2px;
    right: 7px;
}

.feature-no-touch .tv-dialog__help:hover {
    color: #212121;
    border: 1px solid;
    border-color: #4a4a4a;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-dialog__help:hover {
    border-color: #c5cbce;
}

.tv-dialog__username-pretext {
    margin-left: 5px;
}

.tv-dialog__chat-username-input {
    display: inline-block;
    border-width: 0;
    width: 85%;
    height: 15px;
    background-color: #ffffff;
    color: #4a4a4a;
}

html.theme-dark .tv-dialog__chat-username-input {
    color: #c5cbce;
}

html.theme-dark .tv-dialog__chat-username-input {
    background-color: #1c2030;
}

.tv-dialog__chat-username-input--error {
    background-color: #ddaaaa;
}

html.theme-dark .tv-dialog__chat-username-input--error {
    background-color: #ff4a68;
}

.tv-dialog__scroll-wrap {
    position: relative;
}

.tv-dialog__scroll-wrap.i-scrollable {
    overflow: hidden;
}

.feature-touch .tv-dialog__scroll-wrap.i-scrollable {
    overflow-x: hidden;
    overflow-y: scroll;
}

.tv-dialog__scroll-wrap-inner {
    position: relative;
    padding-bottom: 0;
}

.tv-dialog__scroll-wrap.i-with-actions.i-scrollable .tv-dialog__scroll-wrap-inner {
    padding-bottom: 30px;
}

@media screen and (max-width:767px) {
    .tv-dialog__scroll-wrap.i-with-actions.i-scrollable .tv-dialog__scroll-wrap-inner {
        padding-bottom: 20px;
    }
}


/**
 *
 * Global states
 *
 * Usage:
 * i-{state}
 * i-{state}_{value}
 *
 * Must be included after all another styles
 *
 */

.i-hidden {
    display: none !important;
}

.i-invisible {
    visibility: hidden !important;
}

.i-clearfix:after {
    clear: both;
    display: table;
    content: '';
}

.i-align_left {
    text-align: right !important;
}

.i-align_right {
    text-align: left !important;
}

.i-align_center {
    text-align: center !important;
}

.i-float_left {
    float: right !important;
}

.i-float_right {
    float: left !important;
}

.i-float_none {
    float: none !important;
}

@media screen and (min-width:1020px) {
    .i-device-only {
        display: none !important;
    }
}

@media screen and (max-width:1019px) {
    .i-desktop-only {
        display: none !important;
    }
}

@media screen and (min-width:479px) {
    .i-phones-only {
        display: none !important;
    }
}

@media screen and (max-width:479px) {
    .i-except-phones-only {
        display: none !important;
    }
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */


/**
 * Usage:
 *	<button class="tv-button tv-button--success tv-button--size_xsmall">Push me!</button>
 */

.tv-button {
    /**
	 * Helpers
	 */
    /**
	 * This Block
	 */
    position: relative;
    display: inline-block;
    vertical-align: middle;
    min-width: 40px;
    margin: 0;
    padding: 1px 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #757575;
    fill: currentColor;
    border: none;
    border-radius: 4px;
    outline: 0;
    background-color: transparent;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transition: background-color ease 0.35s, border-color ease 0.35s, color ease 0.35s;
    /**
	 * Elements
	 */
    /**
	 * Colored background
	 */
    /**
	 * Ripple effect
	 */
    /**
	 * Disabled Button
	 */
    /**
	 * Sizes
	 */
    /**
	 * State
	 */
    /**
	 * Preloader
	 */
}

.tv-button.tv-button--default_ghost,
.tv-button.tv-button--primary_ghost,
.tv-button.tv-button--secondary_ghost,
.tv-button.tv-button--success_ghost,
.tv-button.tv-button--danger_ghost,
.tv-button.tv-button--warning_ghost,
.tv-button.tv-button--default,
.tv-button.tv-button--state {
    padding: 0px 21px;
}

.feature-no-touch .tv-button:hover,
.feature-no-touch .tv-button:active,
.feature-touch .tv-button:active,
.tv-button.i-hover,
.tv-button.i-active {
    transition-duration: 0.06s;
}

.tv-button svg {
    vertical-align: middle;
}

.tv-button--block {
    display: block;
    width: 100%;
    text-align: center;
}

.tv-button+.tv-button {
    margin-right: 15px;
}

.tv-button__text {
    position: relative;
    display: inline-block;
}

.tv-button__text--full-height {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.2em;
    margin: 11px 5px;
}

.tv-button--default,
.tv-button--default_ghost {
    color: #fff;
    border-color: #ffffff;
    background-color: #ffffff;
}

html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost {
    background-color: #171b29;
}

html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost {
    border-color: #171b29;
}

.tv-button--default_ghost {
    color: #ffffff;
}

html.theme-dark .tv-button--default_ghost {
    color: #171b29;
}

.tv-button--default_ghost.i-checked {
    color: #fff;
    border-color: #ffffff;
    background-color: #ffffff;
}

html.theme-dark .tv-button--default_ghost.i-checked {
    background-color: #171b29;
}

html.theme-dark .tv-button--default_ghost.i-checked {
    border-color: #171b29;
}

.feature-no-touch .tv-button--default:hover,
.feature-no-touch .tv-button--default_ghost:hover,
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
    color: #fff;
    border-color: #f2f2f2;
    background-color: #f2f2f2;
}

html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
    background-color: #1c2030;
}

html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
    border-color: #1c2030;
}

.feature-no-touch .tv-button--default:active,
.feature-touch .tv-button--default:active,
.feature-no-touch .tv-button--default_ghost:active,
.feature-touch .tv-button--default_ghost:active,
.tv-button--default.i-active,
.tv-button--default_ghost.i-active {
    color: #fff;
    border-color: #ececec;
    background-color: #ececec;
    transform: translateY(1px);
}

html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
    background-color: #1c2030;
}

html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
    border-color: #1c2030;
}

.tv-button--default,
.tv-button--default_ghost,
.tv-button--default.i-checked,
.tv-button--default_ghost.i-checked {
    color: #757575;
    border: 1px solid;
    border-color: #b5b7b9;
}

html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--default.i-checked,
html.theme-dark .tv-button--default_ghost.i-checked {
    border-color: #363c4e;
}

html.theme-dark .tv-button--default,
html.theme-dark .tv-button--default_ghost,
html.theme-dark .tv-button--default.i-checked,
html.theme-dark .tv-button--default_ghost.i-checked {
    color: #758696;
}

.feature-no-touch .tv-button--default:hover,
.feature-no-touch .tv-button--default_ghost:hover,
.tv-button--default.i-hover,
.tv-button--default_ghost.i-hover {
    color: #757575;
    border-color: #b5b7b9;
}

html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
    border-color: #363c4e;
}

html.feature-no-touch.theme-dark .tv-button--default:hover,
html.feature-no-touch.theme-dark .tv-button--default_ghost:hover,
html.theme-dark .tv-button--default.i-hover,
html.theme-dark .tv-button--default_ghost.i-hover {
    color: #758696;
}

.feature-no-touch .tv-button--default:active,
.feature-touch .tv-button--default:active,
.feature-no-touch .tv-button--default_ghost:active,
.feature-touch .tv-button--default_ghost:active,
.tv-button--default.i-active,
.tv-button--default_ghost.i-active {
    color: #757575;
    border-color: #b5b7b9;
}

html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
    border-color: #363c4e;
}

html.feature-no-touch.theme-dark .tv-button--default:active,
html.feature-touch.theme-dark .tv-button--default:active,
html.feature-no-touch.theme-dark .tv-button--default_ghost:active,
html.feature-touch.theme-dark .tv-button--default_ghost:active,
html.theme-dark .tv-button--default.i-active,
html.theme-dark .tv-button--default_ghost.i-active {
    color: #758696;
}

.tv-button--primary,
.tv-button--primary_ghost {
    color: #fff;
    border-color: #3bb3e4;
    background-color: #3bb3e4;
}

.tv-button--primary_ghost {
    color: #3bb3e4;
}

.tv-button--primary_ghost.i-checked {
    color: #fff;
    border-color: #3bb3e4;
    background-color: #3bb3e4;
}

.feature-no-touch .tv-button--primary:hover,
.feature-no-touch .tv-button--primary_ghost:hover,
.tv-button--primary.i-hover,
.tv-button--primary_ghost.i-hover {
    color: #fff;
    border-color: #3babd8;
    background-color: #3babd8;
}

.feature-no-touch .tv-button--primary:active,
.feature-touch .tv-button--primary:active,
.feature-no-touch .tv-button--primary_ghost:active,
.feature-touch .tv-button--primary_ghost:active,
.tv-button--primary.i-active,
.tv-button--primary_ghost.i-active {
    color: #fff;
    border-color: #049ddc;
    background-color: #049ddc;
    transform: translateY(1px);
}

.tv-button--secondary,
.tv-button--secondary_ghost {
    color: #757575;
    border-color: #e9eff2;
    background-color: #e9eff2;
}

.tv-button--secondary_ghost {
    color: #757575;
}

.tv-button--secondary_ghost.i-checked {
    color: #757575;
    border-color: #e9eff2;
    background-color: #e9eff2;
}

.feature-no-touch .tv-button--secondary:hover,
.feature-no-touch .tv-button--secondary_ghost:hover,
.tv-button--secondary.i-hover,
.tv-button--secondary_ghost.i-hover {
    color: #757575;
    border-color: #dce6ea;
    background-color: #dce6ea;
}

.feature-no-touch .tv-button--secondary:active,
.feature-touch .tv-button--secondary:active,
.feature-no-touch .tv-button--secondary_ghost:active,
.feature-touch .tv-button--secondary_ghost:active,
.tv-button--secondary.i-active,
.tv-button--secondary_ghost.i-active {
    color: #757575;
    border-color: #cfdce3;
    background-color: #cfdce3;
    transform: translateY(1px);
}

.tv-button--success,
.tv-button--success_ghost {
    color: #fff;
    border-color: #3cbc98;
    background-color: #3cbc98;
}

.tv-button--success_ghost {
    color: #3cbc98;
}

.tv-button--success_ghost.i-checked {
    color: #fff;
    border-color: #3cbc98;
    background-color: #3cbc98;
}

.feature-no-touch .tv-button--success:hover,
.feature-no-touch .tv-button--success_ghost:hover,
.tv-button--success.i-hover,
.tv-button--success_ghost.i-hover {
    color: #fff;
    border-color: #38b395;
    background-color: #38b395;
}

.feature-no-touch .tv-button--success:active,
.feature-touch .tv-button--success:active,
.feature-no-touch .tv-button--success_ghost:active,
.feature-touch .tv-button--success_ghost:active,
.tv-button--success.i-active,
.tv-button--success_ghost.i-active {
    color: #fff;
    border-color: #00a97f;
    background-color: #00a97f;
    transform: translateY(1px);
}

.tv-button--danger,
.tv-button--danger_ghost {
    color: #fff;
    border-color: #ff4a68;
    background-color: #ff4a68;
}

.tv-button--danger_ghost {
    color: #ff4a68;
}

.tv-button--danger_ghost.i-checked {
    color: #fff;
    border-color: #ff4a68;
    background-color: #ff4a68;
}

.feature-no-touch .tv-button--danger:hover,
.feature-no-touch .tv-button--danger_ghost:hover,
.tv-button--danger.i-hover,
.tv-button--danger_ghost.i-hover {
    color: #fff;
    border-color: #f24965;
    background-color: #f24965;
}

.feature-no-touch .tv-button--danger:active,
.feature-touch .tv-button--danger:active,
.feature-no-touch .tv-button--danger_ghost:active,
.feature-touch .tv-button--danger_ghost:active,
.tv-button--danger.i-active,
.tv-button--danger_ghost.i-active {
    color: #fff;
    border-color: #ff173e;
    background-color: #ff173e;
    transform: translateY(1px);
}

.tv-button--warning,
.tv-button--warning_ghost {
    color: #fff;
    border-color: #f89e30;
    background-color: #f89e30;
}

.tv-button--warning_ghost {
    color: #f89e30;
}

.tv-button--warning_ghost.i-checked {
    color: #fff;
    border-color: #f89e30;
    background-color: #f89e30;
}

.feature-no-touch .tv-button--warning:hover,
.feature-no-touch .tv-button--warning_ghost:hover,
.tv-button--warning.i-hover,
.tv-button--warning_ghost.i-hover {
    color: #fff;
    border-color: #f79217;
    background-color: #f79217;
}

.feature-no-touch .tv-button--warning:active,
.feature-touch .tv-button--warning:active,
.feature-no-touch .tv-button--warning_ghost:active,
.feature-touch .tv-button--warning_ghost:active,
.tv-button--warning.i-active,
.tv-button--warning_ghost.i-active {
    color: #fff;
    border-color: #d47807;
    background-color: #d47807;
    transform: translateY(1px);
}

.tv-button--link {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark .tv-button--link {
    color: #299dcd;
}

.tv-button--link:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark .tv-button--link:visited {
    fill: #299dcd;
}

html.theme-dark .tv-button--link:visited {
    color: #299dcd;
}

.feature-no-touch .tv-button--link:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .tv-button--link:active,
.feature-touch .tv-button--link:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

.tv-button--default_ghost,
.tv-button--primary_ghost,
.tv-button--secondary_ghost,
.tv-button--success_ghost,
.tv-button--danger_ghost,
.tv-button--warning_ghost {
    border-width: 1px;
    border-style: solid;
    background-color: transparent;
}

.tv-button--default_ghost.tv-button--size_large,
.tv-button--primary_ghost.tv-button--size_large,
.tv-button--secondary_ghost.tv-button--size_large,
.tv-button--success_ghost.tv-button--size_large,
.tv-button--danger_ghost.tv-button--size_large,
.tv-button--warning_ghost.tv-button--size_large {
    border-width: 2px;
}

.tv-button .tv-ripple {
    background-color: rgba(255, 255, 255, 0.25);
}

.tv-button--default .tv-ripple,
.tv-button--default_ghost .tv-ripple {
    background-color: rgba(117, 134, 150, 0.25);
}

.tv-button.i-disabled .tv-ripple {
    background-color: transparent;
}

.tv-button:disabled,
.tv-button.i-disabled,
.feature-no-touch .tv-button:disabled:hover,
.feature-no-touch .tv-button.i-disabled:hover,
.feature-no-touch .tv-button:disabled:active,
.feature-touch .tv-button:disabled:active,
.feature-no-touch .tv-button.i-disabled:active,
.feature-touch .tv-button.i-disabled:active {
    cursor: default;
    color: #9db2bd;
    border-color: #f1f3f6;
    background-color: #f1f3f6;
}

html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
    background-color: #262b3e;
}

html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
    border-color: #262b3e;
}

html.theme-dark .tv-button:disabled,
html.theme-dark .tv-button.i-disabled,
html.feature-no-touch.theme-dark .tv-button:disabled:hover,
html.feature-no-touch.theme-dark .tv-button.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-button:disabled:active,
html.feature-touch.theme-dark .tv-button:disabled:active,
html.feature-no-touch.theme-dark .tv-button.i-disabled:active,
html.feature-touch.theme-dark .tv-button.i-disabled:active {
    color: #363c4e;
}

.feature-no-touch .tv-button:disabled:active,
.feature-touch .tv-button:disabled:active,
.feature-no-touch .tv-button.i-disabled:active,
.feature-touch .tv-button.i-disabled:active {
    transform: translateY(0);
}

.tv-button--size_xsmall {
    padding: 2px 7px;
    line-height: 15px;
    border-radius: 1px;
    font-size: 11px;
    font-weight: normal;
}

.tv-button--size_xsmall.tv-button--default_ghost,
.tv-button--size_xsmall.tv-button--primary_ghost,
.tv-button--size_xsmall.tv-button--secondary_ghost,
.tv-button--size_xsmall.tv-button--success_ghost,
.tv-button--size_xsmall.tv-button--danger_ghost,
.tv-button--size_xsmall.tv-button--warning_ghost,
.tv-button--size_xsmall.tv-button--default,
.tv-button--size_xsmall.tv-button--state {
    padding: 1px 6px;
}

.tv-button--size_xsmall+.tv-button--size_xsmall {
    margin-right: 10px;
}

.tv-button--size_small {
    padding: 1px 12px;
    line-height: 25px;
    font-size: 13px;
}

.tv-button--size_small.tv-button--default_ghost,
.tv-button--size_small.tv-button--primary_ghost,
.tv-button--size_small.tv-button--secondary_ghost,
.tv-button--size_small.tv-button--success_ghost,
.tv-button--size_small.tv-button--danger_ghost,
.tv-button--size_small.tv-button--warning_ghost,
.tv-button--size_small.tv-button--default,
.tv-button--size_small.tv-button--state {
    padding: 0px 11px;
}

.tv-button--size_small+.tv-button--size_small {
    margin-right: 10px;
}

.tv-button--size_large {
    padding: 1px 30px;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 44px;
}

.tv-button--size_large.tv-button--default_ghost,
.tv-button--size_large.tv-button--primary_ghost,
.tv-button--size_large.tv-button--secondary_ghost,
.tv-button--size_large.tv-button--success_ghost,
.tv-button--size_large.tv-button--danger_ghost,
.tv-button--size_large.tv-button--warning_ghost,
.tv-button--size_large.tv-button--default,
.tv-button--size_large.tv-button--state {
    padding: 0px 29px;
}

.tv-button--max-width {
    max-width: 300px;
}

.tv-button--no-padding {
    padding: 1px 1px;
}

.tv-button--no-padding.tv-button--default_ghost,
.tv-button--no-padding.tv-button--primary_ghost,
.tv-button--no-padding.tv-button--secondary_ghost,
.tv-button--no-padding.tv-button--success_ghost,
.tv-button--no-padding.tv-button--danger_ghost,
.tv-button--no-padding.tv-button--warning_ghost,
.tv-button--no-padding.tv-button--default,
.tv-button--no-padding.tv-button--state {
    padding: 0px 0px;
}

.tv-button--content-center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: 0 auto;
    max-width: 220px;
}

.tv-button--state {
    text-align: center;
    background: transparent;
    border-width: 1px;
    border-style: solid;
}

.tv-button--state:after {
    content: '';
    display: inline-block;
}

.tv-button--state__checked,
.tv-button--state__unchecked,
.tv-button--state__uncheck-hint {
    display: block;
    height: 0;
    transition: opacity ease 0.2625s, transform ease 0.2625s;
}

.tv-button--state__ellipsis-text {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__unchecked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
    will-change: opacity, transform;
}

.tv-button--state__checked,
.tv-button--state__uncheck-hint,
.tv-button--state.i-checked .tv-button--state__unchecked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked {
    opacity: 0;
}

.tv-button--state__unchecked,
.tv-button--state.i-checked .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
    opacity: 1;
}

.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked {
    transform: translateY(-5px);
}

.tv-button--state__uncheck-hint,
.tv-button--state__checked,
.tv-button--state.i-checked .tv-button--state__unchecked {
    transform: translateY(5px);
}

.tv-button--state.i-checked .tv-button--state__checked,
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint {
    transform: translateY(0);
}

.tv-button--state.tv-button--success {
    color: #3cbc98;
    background-color: transparent;
}

.tv-button--state.tv-button--success.i-checked {
    color: #ffffff;
    background-color: #3cbc98;
}

.feature-no-touch .tv-button--state.tv-button--success:hover {
    color: #ffffff;
    background-color: #38b395;
}

.feature-no-touch .tv-button--state.tv-button--success:active,
.feature-touch .tv-button--state.tv-button--success:active {
    color: #ffffff;
    background-color: #00a97f;
}

.tv-button--state.tv-button--danger {
    color: #ff4a68;
    background-color: transparent;
}

.tv-button--state.tv-button--danger.i-checked {
    color: #ffffff;
    background-color: #ff4a68;
}

.feature-no-touch .tv-button--state.tv-button--danger:hover {
    color: #ffffff;
    background-color: #f24965;
}

.feature-no-touch .tv-button--state.tv-button--danger:active,
.feature-touch .tv-button--state.tv-button--danger:active {
    color: #ffffff;
    background-color: #ff173e;
}

.tv-button--state.tv-button--primary {
    color: #3bb3e4;
    background-color: transparent;
}

.tv-button--state.tv-button--primary.i-checked {
    color: #ffffff;
    background-color: #3bb3e4;
}

.feature-no-touch .tv-button--state.tv-button--primary:hover {
    color: #ffffff;
    background-color: #3babd8;
}

.feature-no-touch .tv-button--state.tv-button--primary:active,
.feature-touch .tv-button--state.tv-button--primary:active {
    color: #ffffff;
    background-color: #049ddc;
}

.tv-button--state.tv-button--secondary {
    color: #757575;
    background-color: transparent;
}

.tv-button--state.tv-button--secondary.i-checked {
    color: #757575;
    background-color: #e9eff2;
}

.feature-no-touch .tv-button--state.tv-button--secondary:hover {
    color: #757575;
    background-color: #dce6ea;
}

.feature-no-touch .tv-button--state.tv-button--secondary:active,
.feature-touch .tv-button--state.tv-button--secondary:active {
    color: #757575;
    background-color: #cfdce3;
}

.tv-button--state.tv-button--warning {
    color: #f89e30;
    background-color: transparent;
}

.tv-button--state.tv-button--warning.i-checked {
    color: #ffffff;
    background-color: #f89e30;
}

.feature-no-touch .tv-button--state.tv-button--warning:hover {
    color: #ffffff;
    background-color: #f79217;
}

.feature-no-touch .tv-button--state.tv-button--warning:active,
.feature-touch .tv-button--state.tv-button--warning:active {
    color: #ffffff;
    background-color: #d47807;
}

.tv-button--loader .tv-button__text {
    transition: opacity ease 0.175s, transform ease 0.175s;
}

.tv-button--loader.i-start-load .tv-button__text {
    opacity: 0;
    transform: translateY(-5px);
}

.tv-button--loader.i-loading .tv-button__text {
    opacity: 0;
    transform: translateY(5px);
}

.tv-button--loader.i-stop-load .tv-button__text {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.175s;
}

.tv-button__loader {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    opacity: 0;
    transition: opacity ease 0.35s;
}

.tv-button__loader:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.tv-button--loader.i-loading .tv-button__loader,
.tv-button--loader.i-start-load .tv-button__loader {
    opacity: 1;
}

.tv-button--loader.i-stop-load .tv-button__loader {
    opacity: 0;
}

.tv-button__loader-item {
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    opacity: 0;
    border-radius: 100%;
    background-color: #ffffff;
    transform: translateY(12px) scale(0.6);
    transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s, opacity ease 0.35s;
}

.tv-button__loader-item:nth-child(2) {
    transition-delay: 0.11666667s;
}

.tv-button__loader-item:nth-child(3) {
    transition-delay: 0.23333333s;
}

.tv-button--default .tv-button__loader-item {
    background-color: #757575;
}

.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-start-load .tv-button__loader-item {
    opacity: 1;
}

.tv-button--loader.i-stop-load .tv-button__loader-item {
    opacity: 0;
}

.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-stop-load .tv-button__loader-item,
.tv-button--loader.i-start-load .tv-button__loader-item {
    transform: translateY(0) scale(0.6);
}

.tv-button--loader.i-loading .tv-button__loader-item,
.tv-button--loader.i-stop-load .tv-button__loader-item {
    animation: tv-button-loader 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both;
}

.tv-button--loader.i-loading .tv-button__loader-item:nth-child(2),
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(2) {
    animation-delay: .151s;
}

.tv-button--loader.i-loading .tv-button__loader-item:nth-child(3),
.tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(3) {
    animation-delay: .32s;
}

.tv-button--no-border-radius {
    border-radius: 0;
}

.tv-button--no-border {
    border: none;
}

.tv-button--connect {
    border-radius: 0;
}

.tv-button--connect_left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tv-button--connect_right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@keyframes tv-button-loader {
    0%,
    100% {
        transform: scale(0.6);
    }
    50% {
        transform: scale(0.9);
    }
}

@media screen and (max-width:767px) {
    .tv-button.tv-button--phone-compact {
        padding-right: 4px;
        padding-left: 4px;
    }
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */


/* ------------------------ */


/* LESS mixin for CSS arrow */


/* ------------------------ */


/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */


/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */


/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */

.tv-search-row {
    width: 100%;
    position: relative;
    cursor: default;
    display: flex;
    border-bottom: 1px solid;
    border-bottom-color: #dadde0;
}

html.theme-dark .tv-search-row {
    border-bottom-color: #363c4e;
}

.tv-search-row__input {
    background-color: #ffffff;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 60px 9px 50px;
    min-height: 50px;
    height: 50px;
    margin: 0;
    border: none;
}

html.theme-dark .tv-search-row__input {
    background-color: #1c2030;
}

@media screen and (max-width:767px) {
    .tv-search-row__input {
        min-height: 34px;
        height: 34px;
        padding-right: 50px;
        padding-left: 40px;
    }
    .feature-touch .tv-search-row__input {
        min-height: 50px;
        height: 50px;
    }
}

.tv-search-row--without-controls .tv-search-row__input {
    padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width:767px) {
    .tv-search-row--without-controls .tv-search-row__input {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.tv-search-row__input-reset {
    top: 0;
    left: 16px;
    bottom: 0;
    width: 36px;
    position: absolute;
    text-align: center;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity ease 0.35s;
}

.tv-search-row__input-reset:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.feature-no-touch .tv-search-row__input-reset:hover {
    opacity: 1;
    transition-duration: 0.06s;
}

.tv-search-row__input-reset svg {
    display: inline-block;
    fill: #4a4a4a;
    width: 9px;
    height: 9px;
    vertical-align: middle;
}

html.theme-dark .tv-search-row__input-reset svg {
    fill: #c5cbce;
}

@media screen and (max-width:767px) {
    .tv-search-row__input-reset {
        left: 10px;
    }
}

.tv-search-row__search-icon {
    position: absolute;
    display: block;
    top: 50%;
    right: 30px;
    margin-top: -9px;
    opacity: 0.8;
    pointer-events: none;
    transition: opacity ease 0.35s;
}

@media screen and (max-width:767px) {
    .tv-search-row__search-icon {
        right: 20px;
    }
}

.tv-search-row__search-icon svg {
    display: block;
    fill: #adaeb0;
    width: 18px;
    height: 18px;
    overflow: visible;
}

html.theme-dark .tv-search-row__search-icon svg {
    fill: #4f5966;
}

.tv-search-row--without-controls .tv-search-row__input-reset,
.tv-search-row--without-controls .tv-search-row__search-icon {
    display: none;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */


/* ------------------------ */


/* LESS mixin for CSS arrow */


/* ------------------------ */


/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */


/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */


/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */

.tv-load-chart-dialog-table {
    padding: 14px 0 0;
}

@media screen and (max-width:767px) {
    .tv-load-chart-dialog-table {
        padding: 5px 0;
    }
}

.tv-load-chart-dialog-table__column {
    padding: 6px 0 6px 0;
}

.feature-touch .tv-load-chart-dialog-table__column {
    padding-top: 8px;
    padding-bottom: 8px;
}

.tv-load-chart-dialog-table__column--item {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.feature-no-touch .tv-load-chart-dialog-table__column--header:hover {
    color: #3babd8;
}

.tv-load-chart-dialog-table__column--header.i-active {
    color: #3898c2;
    font-weight: bold;
}

.tv-load-chart-dialog-table__column-wrapper {
    display: flex;
    width: 100%;
}

.tv-load-chart-dialog-table__column--header:not(.i-active) .tv-load-chart-dialog-table__caret {
    display: none;
}

.tv-load-chart-dialog-table__column--item {
    color: #4a4a4a;
}

html.theme-dark .tv-load-chart-dialog-table__column--item {
    color: #c5cbce;
}

.tv-load-chart-dialog-table__column--item:visited {
    color: #4a4a4a;
}

html.theme-dark .tv-load-chart-dialog-table__column--item:visited {
    color: #c5cbce;
}

.tv-load-chart-dialog-table__column-name {
    width: 50%;
    max-width: 50%;
}

@media screen and (max-width:479px) {
    .tv-load-chart-dialog-table__column-name {
        width: 60%;
        max-width: 60%;
    }
}

.tv-load-chart-dialog-table__column-modified {
    width: 30%;
}

@media screen and (max-width:479px) {
    .tv-load-chart-dialog-table__column-modified {
        display: none;
    }
}

.tv-load-chart-dialog-table__column-symbol {
    width: 20%;
    text-align: left;
}

@media screen and (max-width:479px) {
    .tv-load-chart-dialog-table__column-symbol {
        width: 40%;
    }
}

.tv-load-chart-dialog-table__column-name .i-match,
.tv-load-chart-dialog-table__column-symbol .i-match {
    color: #3898c2;
    font-weight: bold;
}

.tv-load-chart-dialog-table__row {
    padding: 0 30px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.tv-load-chart-dialog-table__row--header {
    color: #9b9b9b;
}

.tv-load-chart-dialog-table__row--item {
    padding-left: 8px;
    padding-right: 2px;
    margin: 1px 0 2px 0;
    transition: background-color ease 0.35s;
}

@media screen and (max-width:767px) {}

.feature-no-touch .tv-load-chart-dialog-table__row--item:hover {
    background-color: #f1f3f6;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-load-chart-dialog-table__row--item:hover {
    background-color: #2f3241;
}

.tv-load-chart-dialog-table__row--item.i-active {
    background-color: #eff9ff;
}

html.theme-dark .tv-load-chart-dialog-table__row--item.i-active {
    background-color: #21384d;
}

.feature-no-touch .tv-load-chart-dialog-table__row--item.i-active:hover {
    background-color: #c6e9f8;
}

html.feature-no-touch.theme-dark .tv-load-chart-dialog-table__row--item.i-active:hover {
    background-color: #21384d;
}

.tv-load-chart-dialog-table__row--item-without-favs {
    padding-right: 30px;
}

.tv-load-chart-dialog-table__items-list-container {
    overflow-y: auto;
    height: 381px;
    margin-top: 5px;
}

.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb {
    border: 1px solid;
    border-color: #f1f3f6;
    border-radius: 3px;
    background-color: #9db2bd;
}

html.theme-dark .tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb {
    background-color: #363c4e;
}

html.theme-dark .tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb {
    border-color: #1c2030;
}

.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 3px;
}

.tv-load-chart-dialog-table__empty-list-placeholder {
    display: none;
    color: #8a8a8a;
    font-style: italic;
    padding-top: 10px;
    text-align: center;
}

.tv-load-chart-dialog-table__items-list-container.i-empty .tv-load-chart-dialog-table__empty-list-placeholder {
    display: block;
}

.tv-load-chart-dialog-table__items-list {
    position: relative;
    width: 100%;
    padding-bottom: 15px;
}

.tv-load-chart-dialog-table__favorite-icon-container {
    display: flex;
}

.tv-load-chart-dialog-table__favorite-icon-container.i-starred .tv-load-chart-dialog-table__star-icon--empty {
    display: none;
}

.tv-load-chart-dialog-table__favorite-icon-container.i-starred .tv-load-chart-dialog-table__star-icon--filled {
    display: flex;
}

.tv-load-chart-dialog-table__star-icon {
    padding: 4px 6px;
}

.feature-touch .tv-load-chart-dialog-table__star-icon {
    padding-top: 8px;
    padding-bottom: 8px;
}

.tv-load-chart-dialog-table__star-icon--empty {
    display: flex;
}

.tv-load-chart-dialog-table__star-icon--filled {
    display: none;
}

.tv-load-chart-dialog-table__remove-icon {
    display: flex;
    padding: 9px 7px 9px 4px;
}

.feature-touch .tv-load-chart-dialog-table__remove-icon {
    padding-top: 13px;
    padding-bottom: 13px;
}

.tv-load-chart-dialog-table__remove-icon svg {
    width: 10px;
    height: 10px;
}

.tv-load-chart-dialog-table__favorite-icon-container,
.tv-load-chart-dialog-table__remove-icon {
    visibility: hidden;
}

.feature-touch .tv-load-chart-dialog-table__favorite-icon-container,
.feature-touch .tv-load-chart-dialog-table__remove-icon {
    visibility: visible;
}

.tv-load-chart-dialog-table__favorite-icon-container svg,
.tv-load-chart-dialog-table__remove-icon svg {
    opacity: 0.5;
    fill: #758696;
    transition: opacity ease 0.35s;
}

.feature-touch .tv-load-chart-dialog-table__favorite-icon-container svg,
.feature-touch .tv-load-chart-dialog-table__remove-icon svg {
    opacity: 0.7;
}

.tv-load-chart-dialog-table__favorite-icon-container.i-starred,
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__favorite-icon-container,
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__remove-icon {
    visibility: visible;
}

.feature-no-touch .tv-load-chart-dialog-table__favorite-icon-container.i-starred:hover svg,
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__favorite-icon-container:hover svg,
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__remove-icon:hover svg {
    opacity: 1;
    transition-duration: 0.06s;
}


/**
 * Carret. Use it for dropdowns
 */


/**
 * Transitions variables and mixins
 */

.caret-3_GTxtct- {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px solid;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    transition: transform ease 0.35s;
}

.caretRotate-98O6Gi4f- {
    transform: rotate(180deg);
    will-change: transform;
    transition-duration: 0.33;
}

.caretSmall-1vg6w8eZ- {
    margin-right: 3px;
    border-top-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
}

.caretColorTransition-1y-c2tgp- {
    transition: transform ease 0.35s, color ease 0.35s;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.inputWrapper-6bNZbTW4- {
    display: flex;
    flex-grow: 1;
    position: relative;
    border-radius: 2px 2px 2px 2px;
}

.textInput-3WRWEmm7- {
    background-color: #ffffff;
    border: 1px solid;
    box-sizing: border-box;
    color: #535353;
    display: flex;
    font-size: 13px;
    height: 34px;
    padding: 0 12px;
    transition: border-color 0.35s ease 0s, background-color 0.35s ease 0s;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: inherit;
    border-color: #dadde0;
    flex: 1;
}

html.theme-dark .textInput-3WRWEmm7- {
    border-color: #363c4e;
}

html.theme-dark .textInput-3WRWEmm7- {
    color: #f2f3f5;
}

html.theme-dark .textInput-3WRWEmm7- {
    background-color: #131722;
}

.textInput-3WRWEmm7-::-webkit-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.textInput-3WRWEmm7-:-ms-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.textInput-3WRWEmm7-::-ms-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.textInput-3WRWEmm7-::placeholder {
    color: #adaeb0;
    opacity: 1;
}

html.theme-dark .textInput-3WRWEmm7-::-webkit-input-placeholder {
    color: #4f5966;
}

html.theme-dark .textInput-3WRWEmm7-:-ms-input-placeholder {
    color: #4f5966;
}

html.theme-dark .textInput-3WRWEmm7-::-ms-input-placeholder {
    color: #4f5966;
}

html.theme-dark .textInput-3WRWEmm7-::placeholder {
    color: #4f5966;
}

.feature-no-touch .textInput-3WRWEmm7-[readonly]:hover,
.feature-no-touch .textInput-3WRWEmm7-[readonly]:focus,
.feature-touch .textInput-3WRWEmm7-[readonly]:focus,
.textInput-3WRWEmm7-[readonly] {
    border-color: #dadde0;
    color: #8a8a8a;
}

html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:hover,
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,
html.feature-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,
html.theme-dark .textInput-3WRWEmm7-[readonly] {
    color: #758696;
}

html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:hover,
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,
html.feature-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,
html.theme-dark .textInput-3WRWEmm7-[readonly] {
    border-color: #363c4e;
}

.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover,
.textInput-3WRWEmm7-[disabled] {
    color: #ececec;
    border-color: #ececec;
    background-color: #ffffff;
    cursor: auto;
}

html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover,
html.theme-dark .textInput-3WRWEmm7-[disabled] {
    background-color: #131722;
}

html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover,
html.theme-dark .textInput-3WRWEmm7-[disabled] {
    border-color: #262b3e;
}

html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover,
html.theme-dark .textInput-3WRWEmm7-[disabled] {
    color: #262b3e;
}

.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::-webkit-input-placeholder,
.textInput-3WRWEmm7-[disabled]::-webkit-input-placeholder {
    color: #ececec;
}

.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover:-ms-input-placeholder,
.textInput-3WRWEmm7-[disabled]:-ms-input-placeholder {
    color: #ececec;
}

.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::-ms-input-placeholder,
.textInput-3WRWEmm7-[disabled]::-ms-input-placeholder {
    color: #ececec;
}

.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::placeholder,
.textInput-3WRWEmm7-[disabled]::placeholder {
    color: #ececec;
}

html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::-webkit-input-placeholder,
html.theme-dark .textInput-3WRWEmm7-[disabled]::-webkit-input-placeholder {
    color: #262b3e;
}

html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover:-ms-input-placeholder,
html.theme-dark .textInput-3WRWEmm7-[disabled]:-ms-input-placeholder {
    color: #262b3e;
}

html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::-ms-input-placeholder,
html.theme-dark .textInput-3WRWEmm7-[disabled]::-ms-input-placeholder {
    color: #262b3e;
}

html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::placeholder,
html.theme-dark .textInput-3WRWEmm7-[disabled]::placeholder {
    color: #262b3e;
}

.textInput-3WRWEmm7-.error-v0663AtN-,
.feature-no-touch .textInput-3WRWEmm7-.error-v0663AtN-:hover,
.textInput-3WRWEmm7-.error-v0663AtN-[readonly],
.textInput-3WRWEmm7-.error-v0663AtN-[disabled] {
    border-color: #f24965 !important;
}

.textInput-3WRWEmm7-.success-7iP8kTY5-,
.feature-no-touch .textInput-3WRWEmm7-.success-7iP8kTY5-:hover,
.textInput-3WRWEmm7-.success-7iP8kTY5-[readonly],
.textInput-3WRWEmm7-.success-7iP8kTY5-[disabled] {
    border-color: #38b395 !important;
}

.feature-no-touch .textInput-3WRWEmm7-:hover {
    border-color: #c8c8c8;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .textInput-3WRWEmm7-:hover {
    border-color: #4c525e;
}

.feature-no-touch .textInput-3WRWEmm7-:focus,
.feature-touch .textInput-3WRWEmm7-:focus {
    border-color: #3bb3e4 !important;
    transition-duration: 0.06s;
}

.textInput-3WRWEmm7-.textInputLeftDirection-mlAXPh8V- {
    text-align: left;
    direction: ltr;
}

.xsmall-3Ah_Or2-- {
    height: 19px;
}

.small-2bmxiJCE- {
    height: 27px;
}

.large-1JDowW2I- {
    height: 48px;
}

.iconed-3ZQvxTot- .textInput-3WRWEmm7- {
    padding-right: 30px;
}

.iconed-3ZQvxTot- .inputIcon-W_Bse-a1- {
    opacity: 0.4;
}

.iconed-3ZQvxTot- .inputIcon-W_Bse-a1- svg {
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    margin: 10px 10px 0 0;
    fill: #4a4a4a;
    stroke: #4a4a4a;
}

.clearable-2tabt_rj- .textInput-3WRWEmm7- {
    display: inline-block;
    width: 100%;
}

.clearable-2tabt_rj- .clearIcon-389FR5J4- {
    display: inline-flex;
    position: absolute;
    left: 12px;
    top: 10px;
    cursor: pointer;
    opacity: 0.4;
}

.clearable-2tabt_rj- .clearIcon-389FR5J4- svg {
    max-width: 16px;
    height: 16px;
    fill: #4a4a4a;
    stroke: #4a4a4a;
}

.grouped-34HX1lDr-:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.grouped-34HX1lDr-+.grouped-34HX1lDr- {
    margin-right: -1px;
}

.grouped-34HX1lDr-:first-child {
    margin-right: 0;
}

.grouped-34HX1lDr-:not(:last-child) {
    border-radius: 0 2px 2px 0;
}

.grouped-34HX1lDr-:not(:first-child) {
    border-radius: 2px 0 0 2px;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.autocomplete-S6SpJGmW- {
    flex: 1 1 auto;
    position: relative;
}

.autocomplete-S6SpJGmW- .caret-3fqF_ykE- {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-color: #dadde0;
    border-right: none;
    width: 40px;
    padding: 0;
    text-align: center;
    opacity: 0.4;
    cursor: pointer;
}

html.theme-dark .autocomplete-S6SpJGmW- .caret-3fqF_ykE- {
    border-color: #363c4e;
}

.feature-no-touch .autocomplete-S6SpJGmW- .caret-3fqF_ykE-:hover {
    opacity: 1;
}

.autocomplete-S6SpJGmW- .caret-3fqF_ykE- .icon-1POgzoN_- {
    margin: 0;
}

.autocomplete-S6SpJGmW- .textInput-1mZnCCcA- input {
    padding-left: 52px;
}

.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- {
    position: absolute;
    background-color: #ffffff;
    border-radius: 3px;
    font-size: 13px;
    padding: 10px 0;
    outline: 0;
    box-shadow: rgba(0, 0, 0, 0.275) 0 1px 2px 1px;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    max-height: 0;
    z-index: 150;
}

html.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- {
    background-color: #2f3241;
}

.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-,
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .noResults-1pgHgvGL- {
    position: relative;
    white-space: nowrap;
    padding: 10px 15px;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
}

.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf- {
    cursor: pointer;
}

.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-.selected-3wOAQHl8- {
    color: #4a4a4a;
    background-color: #eafafe;
}

html.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-.selected-3wOAQHl8- {
    background-color: #21384d;
}

html.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-.selected-3wOAQHl8- {
    color: #758696;
}

.feature-no-touch .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:hover {
    color: #4a4a4a;
    background-color: #f2f2f2;
}

html.feature-no-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:hover {
    background-color: #1c2030;
}

html.feature-no-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:hover {
    color: #758696;
}

.feature-no-touch .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active,
.feature-touch .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active {
    color: #4a4a4a;
    background-color: #ececec;
}

html.feature-no-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active,
html.feature-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active {
    background-color: #262b3e;
}

html.feature-no-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active,
html.feature-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active {
    color: #758696;
}

.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .noResults-1pgHgvGL- {
    color: #8a8a8a;
}

html.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .noResults-1pgHgvGL- {
    color: #758696;
}

.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY- {
    visibility: visible;
    max-height: 45vh;
}

.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar-thumb {
    border: 1px solid;
    border-color: #f1f3f6;
    border-radius: 3px;
    background-color: #9db2bd;
}

html.theme-dark .autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar-thumb {
    background-color: #363c4e;
}

html.theme-dark .autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar-thumb {
    border-color: #1c2030;
}

.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 3px;
}

@keyframes highlight-animation {
    0% {
        background: transparent;
    }
    to {
        background: #fff2cf;
    }
}

@keyframes highlight-animation-theme-dark {
    0% {
        background: transparent;
    }
    to {
        background: #194453;
    }
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */


/* ------------------------ */


/* LESS mixin for CSS arrow */


/* ------------------------ */


/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */


/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */


/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */

.tv-insert-study-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 1px;
    font-size: 13px;
    cursor: pointer;
}

.tv-insert-study-item.i-grayed {
    color: #b4b4b4;
}

.feature-no-touch .tv-insert-study-item:not(.tv-insert-study-item--subgroup-header):hover {
    transition-duration: 0.06s;
    background-color: #f2f3f5;
}

html.feature-no-touch.theme-dark .tv-insert-study-item:not(.tv-insert-study-item--subgroup-header):hover {
    background-color: #2f3241;
}

.feature-no-touch .tv-insert-study-item:hover .tv-insert-study-item__buttons {
    visibility: visible;
}

@media screen and (max-width:767px) {
    .tv-insert-study-item {
        padding-left: 12px;
        padding-right: 10px;
    }
}

.tv-insert-study-item.i-without-stars {
    padding-right: 30px;
}

@media screen and (max-width:767px) {
    .tv-insert-study-item.i-without-stars {
        padding-right: 20px;
    }
}

.tv-insert-study-item--selected {
    transition-duration: 0.06s;
    background-color: #eff9ff;
}

html.theme-dark .tv-insert-study-item--selected {
    background-color: #21384d;
}

.tv-insert-study-item--subgroup-header {
    cursor: default;
    font-weight: bold;
    color: #adaeb0;
    margin-top: 5px;
    padding-bottom: 5px;
    padding-right: 27px;
}

@media screen and (max-width:767px) {
    .tv-insert-study-item--subgroup-header {
        padding-right: 36px;
    }
}

.tv-insert-study-item__favorite-icon {
    padding: 6px 5px 6px 5px;
    margin: 1px 0 2px 0;
    flex-shrink: 0;
    visibility: hidden;
    opacity: 0.5;
    transition: opacity ease 0.35s;
}

.tv-insert-study-item__favorite-icon.i-starred {
    visibility: visible;
}

.feature-no-touch .tv-insert-study-item__favorite-icon:hover {
    opacity: 1;
}

.feature-touch .tv-insert-study-item__favorite-icon {
    padding-top: 5px;
    padding-bottom: 5px;
}

.feature-no-touch .tv-insert-study-item:hover .tv-insert-study-item__favorite-icon {
    visibility: visible;
}

.feature-touch .tv-insert-study-item__favorite-icon {
    visibility: visible;
}

.tv-insert-study-item__star {
    display: flex;
}

.tv-insert-study-item__star svg {
    fill: #4a4a4a;
}

html.theme-dark .tv-insert-study-item__star svg {
    fill: #c5cbce;
}

.tv-insert-study-item__star--filled {
    display: none;
}

.tv-insert-study-item__favorite-icon.i-starred .tv-insert-study-item__star--filled {
    display: flex;
}

.tv-insert-study-item__favorite-icon.i-starred .tv-insert-study-item__star--empty {
    display: none;
}

.tv-insert-study-item__title {
    padding: 6px 5px 6px 5px;
    margin: 1px 0 2px 0;
    display: flex;
    align-items: center;
    flex-grow: 1;
    min-width: 0;
    padding-right: 0;
}

.tv-insert-study-item__title-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tv-insert-study-item__title-text .i-match {
    color: #3898c2;
    font-weight: bold;
}

.tv-insert-study-item__version {
    margin-right: 5px;
    color: #757575;
}

.tv-insert-study-item__strategy-icon {
    display: flex;
    margin-right: 5px;
}

.tv-insert-study-item__strategy-icon,
.tv-insert-study-item__strategy-icon svg {
    width: 12px;
    height: 7px;
}

.tv-insert-study-item__red-lock-icon {
    display: flex;
    margin-right: 5px;
    fill: #ff4a68;
}

.tv-insert-study-item__red-lock-icon,
.tv-insert-study-item__red-lock-icon svg {
    width: 12px;
    height: 10px;
}

.tv-insert-study-item__green-lock-icon {
    display: flex;
    margin-right: 5px;
    fill: #3cbc98;
}

.tv-insert-study-item__green-lock-icon,
.tv-insert-study-item__green-lock-icon svg {
    width: 12px;
    height: 10px;
}

.tv-insert-study-item__author {
    padding: 6px 5px 6px 5px;
    margin: 1px 0 2px 0;
    max-width: 13%;
    min-width: 13%;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tv-insert-study-item__author a {
    color: #3bb3e4;
    transition: color ease 0.35s;
}

html.theme-dark .tv-insert-study-item__author a {
    color: #299dcd;
}

.tv-insert-study-item__author a:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark .tv-insert-study-item__author a:visited {
    fill: #299dcd;
}

html.theme-dark .tv-insert-study-item__author a:visited {
    color: #299dcd;
}

.feature-no-touch .tv-insert-study-item__author a:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .tv-insert-study-item__author a:active,
.feature-touch .tv-insert-study-item__author a:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

.tv-insert-study-item__author.i-empty {
    visibility: hidden;
}

.tv-insert-study-item__likes {
    padding: 6px 5px 6px 5px;
    margin: 1px 0 2px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    max-width: 12%;
    min-width: 12%;
}

.tv-insert-study-item__likes.i-empty {
    visibility: hidden;
}

.tv-insert-study-item__buttons {
    display: flex;
    visibility: hidden;
}

@media screen and (max-width:1019px) {
    .tv-insert-study-item__buttons {
        visibility: visible;
    }
}

.feature-touch .tv-insert-study-item__buttons {
    visibility: visible;
}

.tv-insert-study-item__btn {
    padding: 6px 5px 6px 5px;
    margin: 1px 0 2px 0;
    display: flex;
    align-items: center;
    transition: opacity ease 0.35s;
    opacity: 0.5;
}

.tv-insert-study-item__btn svg {
    fill: #758696;
    width: 22px;
    height: 11px;
}

.feature-no-touch .tv-insert-study-item__btn:hover {
    opacity: 1;
}

.feature-touch .tv-insert-study-item__btn {
    margin: 0;
}

.tv-insert-study-item__show-source-btn {
    padding-right: 12px;
}

.tv-insert-study-item__show-source-btn.i-empty {
    visibility: hidden;
}

@media only screen and (max-width: 600px),
only screen and (max-height: 440px) {
    .tv-insert-study-item__show-source-btn {
        display: none;
    }
}

.tv-insert-study-item__show-more-btn svg {
    fill: #757575;
    width: 13px;
    height: 3px;
}

.feature-touch .tv-insert-study-item__show-more-btn {
    padding-top: 8px;
}

.feature-touch .tv-insert-study-item__delete-btn {
    padding-top: 8px;
}

.tv-insert-study-item__delete-btn,
.tv-insert-study-item__show-more-btn {
    padding-left: 12px;
}

.tv-insert-study-item__delete-btn svg,
.tv-insert-study-item__show-more-btn svg {
    fill: #757575;
    width: 10px;
    height: 10px;
}

@media only screen and (max-width: 660px) {
    .tv-insert-study-item__likes,
    .tv-insert-study-item__author {
        display: none;
    }
}

.tv-insert-indicator-dialog {
    /*
	.filter-control {
		display: inline-block;
		position: relative;
		margin-right: 12px;
		float: right;
		cursor: pointer;

		@media @media-phone {
			margin-right: 15px;
		}

		&:after {
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			right: -12px;
			border-color: inherit;
			border-style: solid;
			border-width: 4px;
			border-left-color: transparent;
			border-right-color: transparent;
			border-bottom-width: 0;
		}

		&.active {
			color: #4AB2DC;
			border-color: #4AB2DC;
		}
	}
	*/
}

.tv-insert-indicator-dialog__body {
    display: flex;
}

.tv-insert-indicator-dialog__title-container {
    display: flex;
    align-items: center;
    position: relative;
    transition: padding-right ease 0.175s;
}

@media screen and (max-width:479px) {
    .tv-insert-indicator-dialog__title-container.i-with-back-button {
        padding-right: 45px;
    }
}

.tv-insert-indicator-dialog__title-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tv-insert-indicator-dialog__back-button {
    position: absolute;
    right: 5px;
    top: calc(50% - 18px);
    cursor: pointer;
    display: none;
    padding: 10px;
}

.tv-insert-indicator-dialog__back-button svg {
    width: 12px;
    height: 12px;
    transform: scale(1);
}

@media screen and (max-width:479px) {
    .tv-insert-indicator-dialog__title-container.i-with-back-button .tv-insert-indicator-dialog__back-button {
        display: flex;
    }
}

.tv-insert-indicator-dialog__left-panel {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 222px;
    height: 100%;
    border-left: 1px solid;
    border-left-color: #dadde0;
    box-sizing: border-box;
}

html.theme-dark .tv-insert-indicator-dialog__left-panel {
    border-left-color: #363c4e;
}

@media screen and (max-width:479px) {
    .tv-insert-indicator-dialog__left-panel {
        border-left: none;
        width: 100%;
    }
}

.tv-insert-indicator-dialog.i-minimized .tv-insert-indicator-dialog__left-panel {
    display: none;
}

.tv-insert-indicator-dialog__left-panel-content-wrapper {
    display: flex;
    overflow: hidden;
    position: relative;
    height: 100%;
}

@media screen and (max-width:479px) {
    .tv-insert-indicator-dialog__left-panel-content-wrapper {
        width: 100%;
    }
}

.tv-insert-indicator-dialog__search-control {
    background-color: #ffffff;
    flex-shrink: 0;
}

html.theme-dark .tv-insert-indicator-dialog__search-control {
    background-color: #1c2030;
}

.tv-insert-indicator-dialog__search-control input {
    background-color: #ffffff;
}

html.theme-dark .tv-insert-indicator-dialog__search-control input {
    background-color: #1c2030;
}

.tv-insert-indicator-dialog__tabs-viewport {
    position: relative;
    width: 100%;
    line-height: 1;
}

.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-body {
    border: 0;
    background: #d8d8d8;
    width: 6px;
}

html.theme-dark .tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-body {
    background: #4f5966;
}

.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-top,
.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-bottom {
    display: none;
}

.tv-insert-indicator-dialog__tabs-viewport.i-scrollable {
    overflow: hidden;
}

.feature-touch .tv-insert-indicator-dialog__tabs-viewport.i-scrollable {
    overflow-x: hidden;
    overflow-y: auto;
}

@media screen and (max-width:479px) {
    .tv-insert-indicator-dialog__tabs-viewport {
        position: absolute;
        transform: translateX(100%);
        visibility: hidden;
        transition: visibility ease 0s 0.0875s, transform ease 0.175s;
    }
    .tv-insert-indicator-dialog__tabs-viewport.i-active {
        transform: translateX(0);
        visibility: visible;
        transition-delay: 0s, 0s;
    }
}

.tv-insert-indicator-dialog__tabs-container {
    position: relative;
    width: 100%;
    padding: 12px 0;
}

.tv-insert-indicator-dialog__tab {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    cursor: pointer;
    padding: 8px 30px 8px 10px;
    transition: background-color ease 0.35s;
}

.feature-touch .tv-insert-indicator-dialog__tab {
    padding-top: 11px;
    padding-bottom: 11px;
}

@media screen and (max-width:767px) {
    .tv-insert-indicator-dialog__tab {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.feature-no-touch .tv-insert-indicator-dialog__tab:hover {
    background-color: #f2f3f5;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-insert-indicator-dialog__tab:hover {
    background-color: #2f3241;
}

.tv-insert-indicator-dialog__tab.i-active {
    background-color: #eafafe;
}

html.theme-dark .tv-insert-indicator-dialog__tab.i-active {
    background-color: #21384d;
}

.tv-insert-indicator-dialog__tab--beta:after {
    content: 'Beta';
    position: relative;
    margin-right: 4px;
    top: -3px;
    font-size: 10px;
    font-style: italic;
    color: #00a97f;
}

.tv-insert-indicator-dialog__tab--group-head {
    position: relative;
}

.feature-no-touch .tv-insert-indicator-dialog__tab--group-head:hover {
    background: none;
}

.tv-insert-indicator-dialog__tabs {
    overflow: hidden;
    margin-right: 33px;
    border-right: 1px solid;
    border-right-color: #dadde0;
}

html.theme-dark .tv-insert-indicator-dialog__tabs {
    border-right-color: #363c4e;
}

@media screen and (max-width:767px) {
    .tv-insert-indicator-dialog__tabs {
        margin-right: 23px;
    }
}

.tv-insert-indicator-dialog__tabs .tv-insert-indicator-dialog__tab {
    padding-right: 11px;
}

.tv-insert-indicator-dialog__right-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(100% - 222px);
    height: 100%;
}

.tv-insert-indicator-dialog.i-minimized .tv-insert-indicator-dialog__right-panel {
    width: 100%;
}

.tv-insert-indicator-dialog__pages {
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-overflow-scrolling: touch;
}

.tv-insert-indicator-dialog__pages::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb {
    border: 1px solid;
    border-color: #f1f3f6;
    border-radius: 3px;
    background-color: #9db2bd;
}

html.theme-dark .tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb {
    background-color: #363c4e;
}

html.theme-dark .tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb {
    border-color: #1c2030;
}

.tv-insert-indicator-dialog__pages::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 3px;
}

@media screen and (max-width:479px) {
    .tv-insert-indicator-dialog:not(.i-minimized) .tv-insert-indicator-dialog__pages {
        position: absolute;
        transform: translateX(-100%);
        visibility: hidden;
        transition: visibility ease 0s 0.0875s, transform ease 0.175s;
    }
    .tv-insert-indicator-dialog:not(.i-minimized) .tv-insert-indicator-dialog__pages.i-active {
        transform: translateX(0);
        visibility: visible;
        transition-delay: 0s, 0s;
    }
}

.tv-insert-indicator-dialog__page {
    display: flex;
    min-height: calc(100% - 14px);
    flex-shrink: 0;
    padding-top: 14px;
}

.tv-insert-indicator-dialog__page--without-top-padding {
    padding-top: 0;
    min-height: 100%;
}

.tv-insert-indicator-dialog__page--offer-with-studies {
    align-items: stretch;
}

.tv-insert-indicator-dialog__page--no-flex {
    display: block;
}

.tv-insert-indicator-dialog__page--search {
    flex-direction: column;
}

@media screen and (max-width:479px) {
    .tv-insert-indicator-dialog__tabs-group--marketplace {
        display: none;
    }
}

.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__items-list {
    padding-top: 14px;
    width: 190px;
}

@media screen and (max-width:767px) {
    .tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__items-list {
        width: 100%;
    }
}

.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content {
    width: calc(100% - 190px);
    background-color: #f1f3f6;
}

html.theme-dark .tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content {
    background-color: #262b3e;
}

@media screen and (max-width:767px) {
    .tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content {
        display: none;
    }
}

.tv-insert-indicator-dialog__offer-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.tv-insert-indicator-dialog__economy-content {
    padding: 10px 30px;
}

@media screen and (max-width:767px) {
    .tv-insert-indicator-dialog__economy-content {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.tv-insert-indicator-dialog__items-list {
    width: 100%;
}

.tv-insert-indicator-dialog__subgroup {
    margin-bottom: 15px;
}

.tv-insert-indicator-dialog__fundamentals-column {
    width: 100%;
    float: right;
}

@media only screen and (min-width: 675px) {
    .tv-insert-indicator-dialog__fundamentals-column--popular {
        width: 50%;
    }
}

.tv-insert-indicator-dialog__fundamentals-column--all {
    border-top: 1px solid;
    border-color: #dadde0;
    padding-top: 15px;
    margin-top: 5px;
}

html.theme-dark .tv-insert-indicator-dialog__fundamentals-column--all {
    border-color: #363c4e;
}

.tv-insert-indicator-dialog__scripts-logo svg {
    fill: #758696;
    width: 233px;
    height: 128px;
}

.tv-insert-indicator-dialog__create-script-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
}

@media screen and (max-width:767px) {
    .tv-insert-indicator-dialog__create-script-container {
        padding: 0 20px;
    }
}

.tv-insert-indicator-dialog__create-script-message {
    font-size: 19px;
    color: #4a4a4a;
    text-align: center;
    padding: 30px 0;
    line-height: 1.5;
    width: 100%;
}

html.theme-dark .tv-insert-indicator-dialog__create-script-message {
    color: #c5cbce;
}

.tv-insert-indicator-dialog__not-found-message {
    padding: 20px 30px;
    text-align: center;
}

@media screen and (max-width:767px) {
    .tv-insert-indicator-dialog__not-found-message {
        padding: 20px 20px;
    }
}


/**
 * Carret. Use it for dropdowns
 */


/**
 * Transitions variables and mixins
 */


/* ------------------------ */


/* LESS mixin for CSS arrow */


/* ------------------------ */


/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */


/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */


/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */

.tv-caret {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: currentColor transparent transparent transparent;
    margin-right: 5px;
    vertical-align: middle;
    transition: transform ease 0.35s;
}

.tv-caret--strict {
    /* will be rotated only if has '.i-dropped' itself, not parent */
}

.active .tv-caret,
.tv-caret--strict.i-dropped,
.i-dropped .tv-caret:not(.tv-caret--strict) {
    transform: rotate(180deg);
    will-change: transform;
    transition-duration: 0.33;
}

.tv-caret--small {
    margin-right: 3px;
    margin-left: -1px;
    border-top-width: 3px;
    border-left-width: 3px;
    border-right-width: 3px;
}

.tv-caret--colored {
    transition: transform ease 0.35s, color ease 0.35s;
}

.tv-caret--no-margin {
    margin-right: 0px;
}

.tv-exit-fullscreen-button {
    z-index: 16;
    position: fixed;
    top: -1px;
    right: 50%;
    opacity: 0.6;
    background: #ffffff;
    color: #848487;
    border-radius: 0 0 3px 3px;
    border: 1px solid #c9cbcd;
    font-size: 11px;
    width: 116px;
    font-weight: bold;
    padding: 2px 4px;
    cursor: default;
    margin: 0 -59px 0 0;
}

.feature-no-touch .tv-exit-fullscreen-button:hover {
    opacity: 1;
}

.pane {
    overflow: hidden;
    cursor: url(crosshair.6c091f7d5427d0c5e6d9dc3a90eb2b20.cur), crosshair;
}

.pane--cursor-pointer {
    cursor: pointer;
}

.pane--cursor-eraser {
    cursor: url(eraser.0579d40b812fa2c3ffe72e5803a6e14c.cur), default;
}

.pane--cursor-dot {
    cursor: url(dot.ed68e83c16f77203e73dbc4c3a7c7fa1.cur), default;
}

.pane--cursor-default {
    cursor: default;
}

.pane--cursor-grabbing {
    cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.pane--cursor-zoom-in {
    cursor: url(zoom.e21f24dd632c7069139bc47ae89c54b5.cur), default;
    cursor: zoom-in;
}

.pane--cursor-ns-resize {
    cursor: ns-resize;
}

.custom-select {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    height: 27px;
}

.custom-select .switcher {
    background: #f1f3f6;
    border: 1px solid;
    border-color: #dadde0;
    clear: both;
    height: 25px;
    min-width: 65px;
}

html.theme-dark .custom-select .switcher {
    border-color: #363c4e;
}

html.theme-dark .custom-select .switcher {
    background: #2f3241;
}

.custom-select .switcher .title {
    display: block;
    float: right;
    background-repeat: repeat-x;
    height: 10px;
    overflow: hidden;
    padding: 5px 12px 5px 20px;
    vertical-align: middle;
    width: 78px;
}

.custom-select .switcher .icon {
    display: flex;
    align-items: center;
    position: absolute;
    left: 5px;
    top: 6px;
    height: 15px;
    width: 13px;
    cursor: default;
    background: none;
}

.custom-select .switcher .icon:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: currentColor transparent transparent transparent;
    margin-right: 5px;
    color: #4a4a4a;
    vertical-align: middle;
    transition: transform ease 0.35s;
}

html.theme-dark .custom-select .switcher .icon:before {
    color: #c5cbce;
}

.custom-select .items {
    position: absolute;
    z-index: 3;
    background: #ffffff;
    border: 1px solid;
    border-color: #dadde0;
    clear: both;
    cursor: pointer;
    top: 28px;
    box-sizing: border-box;
    width: 100%;
}

html.theme-dark .custom-select .items {
    border-color: #363c4e;
}

html.theme-dark .custom-select .items {
    background: #131722;
}

.custom-select .items .item {
    cursor: pointer;
    padding: 7px 12px;
}

.feature-no-touch .custom-select .items .item:hover {
    background: #f1f3f6;
}

html.feature-no-touch.theme-dark .custom-select .items .item:hover {
    background: #2f3241;
}

.custom-select .items .item.selected {
    padding-right: 8px;
    background: #f1f3f6;
    border-right: 4px solid #5cb888;
}

html.theme-dark .custom-select .items .item.selected {
    background: #2f3241;
}

.tv-line-style-option {
    height: 15px;
    background: none 100% 7px repeat-x;
}

.tv-line-style-option--solid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='2'%3E%3Cpath d='m0 0h2v2H0z'/%3E%3C/svg%3E");
}

.tv-line-style-option--dotted {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='3'%3E%3Cpath d='m0 0h2v2H0z'/%3E%3C/svg%3E");
}

.tv-line-style-option--dashed {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='13'%3E%3Cpath d='m0 0h9v2H0z'/%3E%3C/svg%3E");
}

.price-axis {
    cursor: default;
}

.price-axis--cursor-grabbing {
    cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.price-axis--cursor-ns-resize {
    cursor: ns-resize;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-floating-toolbar {
    display: flex;
    position: absolute !important;
    align-items: stretch;
    flex-direction: column;
    opacity: 1;
    transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
    border-radius: 1px;
    border: 1px solid;
    border-color: #e6eaef;
}

html.theme-dark .tv-floating-toolbar {
    border-color: #363c4e;
}

html.theme-dark .tv-floating-toolbar {
    background-color: #1c2030;
}

html.theme-dark .tv-floating-toolbar {
    box-shadow: #000000 0 2px 4px 0;
}

.tv-floating-toolbar.i-closed {
    transform: scale(0.925);
    opacity: 0;
    pointer-events: none;
}

.tv-floating-toolbar.i-vertical {
    height: auto;
    min-width: 37px;
}

.tv-floating-toolbar__widget-wrapper {
    display: flex;
}

.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget-wrapper {
    flex-direction: column;
}

.tv-floating-toolbar__drag {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
    cursor: -webkit-grab;
    cursor: grab;
    width: 14px;
}

.feature-touch .tv-floating-toolbar__drag {
    width: 20px;
}

.tv-floating-toolbar__drag svg {
    width: 6px;
    height: 12px;
    fill: #dadde0;
}

.tv-floating-toolbar.ui-draggable-dragging .tv-floating-toolbar__drag {
    cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.tv-floating-toolbar__drag-ext {
    height: 100%;
    width: 14px;
    position: absolute;
    padding: 4px 4px 0 0;
    right: -4px;
    top: -4px;
}

.feature-touch .tv-floating-toolbar__drag-ext {
    width: 20px;
}

.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag-ext {
    width: 100%;
    height: 14px;
}

.feature-touch .tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag-ext {
    height: 20px;
}

.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag {
    width: 100%;
    height: 14px;
}

.feature-touch .tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag {
    height: 20px;
}

.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag svg {
    transform: rotate(-90deg);
}

.tv-floating-toolbar__content {
    display: flex;
    flex-shrink: 0;
    overflow: hidden;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}

.tv-floating-toolbar.i-vertical .tv-floating-toolbar__content {
    flex-direction: column;
    border-top-left-radius: 0;
    border-bottom-right-radius: 1px;
}

.tv-floating-toolbar .ui-sortable-placeholder {
    border-right: 1px solid #e6eaef;
}

html.theme-dark .tv-floating-toolbar .ui-sortable-placeholder {
    border-right: 1px solid #363c4e;
}

.tv-floating-toolbar.i-vertical .ui-sortable-placeholder {
    border-right: none;
    border-top: 1px solid #e6eaef;
}

html.theme-dark .tv-floating-toolbar.i-vertical .ui-sortable-placeholder {
    border-top: 1px solid #363c4e;
}

.tv-floating-toolbar__widget {
    display: flex;
    align-items: stretch;
    border-right: 1px solid;
    border-right-color: #e6eaef;
}

html.theme-dark .tv-floating-toolbar__widget {
    border-right-color: #363c4e;
}

.tv-floating-toolbar__widget.ui-sortable-placeholder {
    visibility: visible !important;
}

.tv-floating-toolbar__widget.ui-sortable-helper {
    border-right-color: transparent;
}

.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget {
    border-right: none;
    border-top: 1px solid;
    border-top-color: #eceff2;
}

html.theme-dark .tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget {
    border-top-color: #363c4e;
}

.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget.ui-sortable-helper {
    border-top-color: transparent;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-favorited-drawings-toolbar__widget {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    min-width: 38px;
    min-height: 38px;
    cursor: pointer;
}

.tv-favorited-drawings-toolbar__widget svg {
    transition: fill ease 0.35s;
    fill: #4c525e;
}

html.theme-dark .tv-favorited-drawings-toolbar__widget svg {
    fill: #758696;
}

.feature-no-touch .tv-favorited-drawings-toolbar__widget:hover svg {
    fill: #131722;
}

html.feature-no-touch.theme-dark .tv-favorited-drawings-toolbar__widget:hover svg {
    fill: #9db2bd;
}

.feature-no-touch .tv-favorited-drawings-toolbar__widget.i-active:hover svg,
.tv-favorited-drawings-toolbar__widget.i-active svg {
    fill: #1592e6;
}

html.feature-no-touch.theme-dark .tv-favorited-drawings-toolbar__widget.i-active:hover svg,
html.theme-dark .tv-favorited-drawings-toolbar__widget.i-active svg {
    fill: #3bb3e4;
}

.pane-separator {
    padding: 0;
    margin: 0;
}

.pane-separator .handle {
    position: absolute;
    z-index: 50;
    height: 5px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.02);
    cursor: ns-resize;
}

.time-axis {
    cursor: default;
}

.time-axis--cursor-grabbing {
    cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.time-axis--cursor-ew-resize {
    cursor: ew-resize;
}

.dialog-37P3XYj-- {
    display: flex;
    min-width: 280px;
    text-align: right;
    box-sizing: border-box;
    background-color: #ffffff;
    -webkit-font-smoothing: subpixel-antialiased;
    flex-direction: column;
}

html.theme-dark .dialog-37P3XYj-- {
    background-color: #1c2030;
}

.dialog-37P3XYj--.rounded-2hsCfk1q- {
    border-radius: 3px;
}

.dialog-37P3XYj--.shadowed-1iGQR9Xl- {
    box-shadow: rgba(0, 0, 0, 0.275) 0px 1px 2px 1px;
}

.dialog-37P3XYj--.fullscreen-1I0OIOcc- {
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
}

.dialog-aQQq411q- {
    position: fixed;
    min-width: 280px;
    width: 100%;
    max-width: 380px;
}

.dialog-aQQq411q- [data-dragg-area] {
    cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
    cursor: -webkit-grab;
    cursor: grab;
}

.dialog-aQQq411q- [data-dragg-area].dragging-3fV74VcN- {
    cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.header-dpl-vtN_- {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #212121;
    padding: 30px 30px 30px 60px;
    border-bottom: 1px solid;
    border-bottom-color: #dadde0;
}

html.theme-dark .header-dpl-vtN_- {
    border-bottom-color: #363c4e;
}

html.theme-dark .header-dpl-vtN_- {
    color: #c5cbce;
}

@media screen and (max-width:767px) {
    .header-dpl-vtN_- {
        padding: 20px 20px 20px 60px;
    }
}

.header-dpl-vtN_- .close-3kPn4OTV- {
    position: absolute;
    padding: 15px;
    top: 17px;
    left: 15px;
    cursor: pointer;
    opacity: .5;
    transition: opacity ease 0.35s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media screen and (max-width:767px) {
    .header-dpl-vtN_- .close-3kPn4OTV- {
        top: 7px;
        left: 7px;
    }
}

.feature-no-touch .header-dpl-vtN_- .close-3kPn4OTV-:hover {
    opacity: 1;
    transition-duration: 0.06s;
}

.header-dpl-vtN_- .close-3kPn4OTV- svg {
    display: block;
    width: 13px;
    height: 13px;
    fill: #4a4a4a;
}

html.theme-dark .header-dpl-vtN_- .close-3kPn4OTV- svg {
    fill: #c5cbce;
}

.footer-2Zoji8zg- {
    padding: 0 30px 30px 30px;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.body-2N-vuwQW- {
    flex-grow: 1;
    padding: 30px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.body-2N-vuwQW-::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.body-2N-vuwQW-::-webkit-scrollbar-thumb {
    border: 1px solid;
    border-color: #f1f3f6;
    border-radius: 3px;
    background-color: #9db2bd;
}

html.theme-dark .body-2N-vuwQW-::-webkit-scrollbar-thumb {
    background-color: #363c4e;
}

html.theme-dark .body-2N-vuwQW-::-webkit-scrollbar-thumb {
    border-color: #1c2030;
}

.body-2N-vuwQW-::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 3px;
}

@media screen and (max-width:767px) {
    .body-2N-vuwQW- {
        padding: 20px;
    }
}


/**
 * Transitions variables and mixins
 */

.message-2o-rtQm0- {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    font-size: 14px;
    padding: 30px;
    text-align: center;
    color: #37bc9b;
    background: #ebf9f5;
    transition: opacity 0.2625s ease, transform 0.2625s ease;
}

html.theme-dark .message-2o-rtQm0- {
    background: #21384d;
}

.message-2o-rtQm0-.error-2EW0C6z-- {
    color: #ff4a68;
    background: #ffedf0;
}

html.theme-dark .message-2o-rtQm0-.error-2EW0C6z-- {
    background: #6f2626;
}

.message-enter {
    opacity: 0;
    transform: translateY(-33px);
}

.message-enter-active {
    opacity: 1;
    transform: translateY(0);
}

.message-leave {
    opacity: 1;
    transform: translateY(0);
}

.message-leave-active {
    opacity: 0;
    transform: translateY(-33px);
}

.calendar-H-c9lyXG- {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    direction: ltr;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}

html.theme-dark .calendar-H-c9lyXG- {
    background-color: #1c2030;
}

html.theme-dark .calendar-H-c9lyXG- {
    box-shadow: #000000 0 2px 4px 0;
}

.header-29jmPJB_- {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    height: 48px;
    background: #ffffff;
    border-bottom: 1px solid;
    border-color: #eceff2;
}

html.theme-dark .header-29jmPJB_- {
    border-color: #363c4e;
}

html.theme-dark .header-29jmPJB_- {
    background: #1c2030;
}

.header-29jmPJB_->* {
    flex-grow: 1;
    display: block;
}

.header-29jmPJB_- .title-3BLccpWI- {
    text-align: center;
    font-size: 22px;
    color: #262b3e;
}

html.theme-dark .header-29jmPJB_- .title-3BLccpWI- {
    color: #c5cbce;
}

.header-29jmPJB_- .titleDay-3Mp9czBi- {
    color: #3bb3e4;
}

html.theme-dark .header-29jmPJB_- .titleDay-3Mp9czBi- {
    color: #3bb3e4;
}

.header-29jmPJB_- .switchBtn-p718bDyp- {
    cursor: pointer;
}

.header-29jmPJB_- .switchBtn-p718bDyp->svg {
    fill: #262b3e;
    height: 13px;
}

html.theme-dark .header-29jmPJB_- .switchBtn-p718bDyp->svg {
    fill: #c5cbce;
}

.header-29jmPJB_- .switchBtn-p718bDyp-.prev-1vUszsRH->svg {
    float: left;
    margin-left: 12px;
}

.header-29jmPJB_- .switchBtn-p718bDyp-.next-Xxv3BCz0->svg {
    float: right;
    margin-right: 12px;
}

.month-14xTSVpQ- {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

html.theme-dark .month-14xTSVpQ- {
    background: #262b3e;
}

.month-14xTSVpQ- .weekdays-p5haX_xf- {
    display: flex;
    flex-direction: row;
    padding: 6px 0 6px 0;
    background-color: #f7f8fa;
    border: 1px solid;
    border-top: 0;
    border-color: #f7f8fa;
}

html.theme-dark .month-14xTSVpQ- .weekdays-p5haX_xf- {
    border-color: #1c2030;
}

html.theme-dark .month-14xTSVpQ- .weekdays-p5haX_xf- {
    background-color: #1c2030;
}

.month-14xTSVpQ- .weekdays-p5haX_xf->span {
    flex: 1 1;
    text-align: center;
    font-size: 13px;
    color: #8797a5;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    border-right: 1px solid;
    border-color: #f7f8fa;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- {
    border-color: #1c2030;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- {
    flex: 1 1 40px;
    height: 40px;
    display: flex;
    font-size: 14px;
    color: #262b3e;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    border-bottom: 1px solid;
    border-left: 1px solid;
    padding: 2px 2px 1px 1px;
    border-color: #f7f8fa;
    transition: background-color 60ms ease;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- {
    border-color: #1c2030;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- {
    color: #c5cbce;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB->span {
    flex: 1 1;
    align-self: center;
    text-align: center;
}

.feature-no-touch .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-),
.feature-touch .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-) {
    background-color: #f7f8fa;
}

html.feature-no-touch.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-),
html.feature-touch.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-) {
    background-color: #1c2030;
}

.feature-no-touch .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:hover:not(.disabled-34cO1Z8u-) {
    background-color: rgba(247, 248, 250, 0.5);
}

html.feature-no-touch.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:hover:not(.disabled-34cO1Z8u-) {
    background-color: rgba(28, 32, 48, 0.5);
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3- {
    color: #3bb3e4;
    border: 2px solid;
    padding: 0;
    border-color: #3bb3e4;
    margin-top: -1px;
    margin-left: -1px;
    z-index: 1;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3- {
    border-color: #3bb3e4;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3- {
    color: #3bb3e4;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.disabled-34cO1Z8u- {
    color: #c5cbce;
    cursor: not-allowed;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.disabled-34cO1Z8u- {
    color: #4c525e;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi- {
    color: #3bb3e4;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi- {
    color: #3bb3e4;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi-:after {
    position: absolute;
    top: 0;
    left: -1px;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 11px 11px;
    border-color: transparent transparent transparent #3bb3e4;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3-.currentDay-3sTNH-Yi-:after {
    top: -2px;
    left: -2px;
}

.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.otherMonth-1WMn4XfI- {
    color: #c5cbce;
}

html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.otherMonth-1WMn4XfI- {
    color: #4c525e;
}

.calendar-Q5DuQzKD- {
    width: 280px;
}


/**
 * Transitions variables and mixins
 */

.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- {
    display: inline-flex;
    position: absolute;
    left: 9px;
    top: 9px;
    cursor: pointer;
    opacity: 0.5;
}

.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- svg {
    height: 16px;
    width: 16px;
    fill: #7d7d7d;
}

html.theme-dark .pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- svg {
    fill: #758696;
}

.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7-.disabled-1a0fnI7P- {
    opacity: 0.1;
}

.picker-1hzUXDA1- {
    position: absolute;
    z-index: 1;
    transition: opacity 0.2625s ease;
}

.tv-picker-enter {
    opacity: 0;
}

.tv-picker-enter-active {
    opacity: 1;
}

.tv-picker-leave {
    opacity: 1;
}

.tv-picker-leave-active {
    opacity: 0;
}

.clock-3pqBsiNm- {
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}

html.theme-dark .clock-3pqBsiNm- {
    background-color: #1c2030;
}

html.theme-dark .clock-3pqBsiNm- {
    box-shadow: #000000 0 2px 4px 0;
}

.header-pTWMGSpm- {
    width: 100%;
    font-size: 24px;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid;
    border-bottom-color: #eceff2;
    color: #262b3e;
}

html.theme-dark .header-pTWMGSpm- {
    color: #c5cbce;
}

html.theme-dark .header-pTWMGSpm- {
    border-bottom-color: #363c4e;
}

.header-pTWMGSpm- .number-9PC9lvyt- {
    padding: 0 3px 0 3px;
    cursor: pointer;
}

.header-pTWMGSpm- .number-9PC9lvyt-.active-1sonmMLV- {
    color: #3bb3e4;
}

.body-2Q-g3GDd- {
    padding: 12px;
    background: #f7f8fa;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

html.theme-dark .body-2Q-g3GDd- {
    background: #1c2030;
}

.clockFace-eHYbqh-S- {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 0 auto;
    background: #ffffff;
}

html.theme-dark .clockFace-eHYbqh-S- {
    background: #262b3e;
}

.clockFace-eHYbqh-S- div {
    position: absolute;
    width: 100%;
    height: 100%;
}

.clockFace-eHYbqh-S- .face-2iCoBAOV- {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    font-size: 15px;
    pointer-events: none;
}

.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt- {
    position: absolute;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    text-align: center;
    pointer-events: all;
    color: #262b3e;
    transition: background-color 60ms ease;
}

html.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt- {
    color: #c5cbce;
}

.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt->span {
    flex: 1 1 auto;
}

.feature-no-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:hover {
    background-color: rgba(247, 248, 250, 0.5);
}

html.feature-no-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:hover {
    background-color: rgba(28, 32, 48, 0.5);
}

.feature-no-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active,
.feature-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active {
    background-color: #f7f8fa;
}

html.feature-no-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active,
html.feature-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active {
    background-color: #1c2030;
}

.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-.inner-1mVlhYbe- {
    font-size: 120%;
}

.clockFace-eHYbqh-S- .hand-2ZG8pJQb- {
    position: absolute;
    display: block;
    pointer-events: none;
    bottom: 50%;
    right: 50%;
    width: 1px;
    margin-right: -0.5px;
    transform-origin: 50% 100%;
    background: #3bb3e4;
}

.clockFace-eHYbqh-S- .hand-2ZG8pJQb- .knob-31dEppHa- {
    position: absolute;
    top: -26px;
    right: 50%;
    width: 26px;
    height: 26px;
    margin-right: -13px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid;
    border-color: #3bb3e4;
}

html.theme-dark .clockFace-eHYbqh-S- .hand-2ZG8pJQb- .knob-31dEppHa- {
    border-color: #3bb3e4;
}

.clockFace-eHYbqh-S- .centerDot-210Fo0oV- {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-right: -2px;
    content: '';
    border-radius: 50%;
    background: #3bb3e4;
}

.tv-clock-face-animate-enter-active,
.tv-clock-face-animate-leave-active {
    transition: transform 350ms linear, opacity 350ms ease;
    transform-origin: 50% 50%;
}

.tv-clock-face-animate-enter {
    transform: scale(0.8);
    opacity: 0;
}

.tv-clock-face-animate-enter-active {
    transform: scale(1);
    opacity: 1;
}

.tv-clock-face-animate-leave {
    transform: scale(1);
    opacity: 1;
}

.tv-clock-face-animate-leave-active {
    transform: scale(1.2);
    opacity: 0;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.ghost-3yO24wIn-.primary-1rSzOFdX- {
    color: #3bb3e4;
    border: 1px solid #3bb3e4;
    background-color: transparent;
}

.feature-no-touch .ghost-3yO24wIn-.primary-1rSzOFdX-:hover {
    color: white;
    transition-duration: 0.06s;
}

.ghost-3yO24wIn-.success-1qQ3_tEI- {
    color: #3cbc98;
    border: 1px solid #3cbc98;
    background-color: transparent;
}

.feature-no-touch .ghost-3yO24wIn-.success-1qQ3_tEI-:hover {
    color: white;
    transition-duration: 0.06s;
}

.ghost-3yO24wIn-.danger-jKTO4wDd- {
    color: #ff4a68;
    border: 1px solid #ff4a68;
    background-color: transparent;
}

.feature-no-touch .ghost-3yO24wIn-.danger-jKTO4wDd-:hover {
    color: white;
    transition-duration: 0.06s;
}

.ghost-3yO24wIn-.warning-2uDfz7Zc- {
    color: #f89e30;
    border: 1px solid #f89e30;
    background-color: transparent;
}

.feature-no-touch .ghost-3yO24wIn-.warning-2uDfz7Zc-:hover {
    color: white;
    transition-duration: 0.06s;
}

.ghost-3yO24wIn-.secondary-3ll81brZ- {
    color: #757575;
    border: 1px solid #e9eff2;
    background-color: transparent;
}

.feature-no-touch .ghost-3yO24wIn-.secondary-3ll81brZ-:hover {
    color: #757575;
    transition-duration: 0.06s;
}

.button-2O-nMUcz- {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: relative;
    min-width: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    white-space: nowrap;
    outline: 0;
    cursor: pointer;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 32px;
    font-size: 14px;
    transition: background-color ease 0.35s, border-color ease 0.35s, color ease 0.35s;
    border-radius: 2px;
    border: 1px solid transparent;
}

.button-2O-nMUcz-.withPadding-_5CJoO5q- {
    padding: 0px 22px;
}

.button-2O-nMUcz-+.button-2O-nMUcz- {
    margin-right: 15px;
}

.hiddenText-3qcN5Wif- {
    visibility: hidden;
    flex: 1 1 auto;
}

.text-2KOWx3rB- {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: opacity ease 0.175s, transform ease 0.175s;
}

.loader-1CC-1F8J- {
    display: inline-block;
    transition: opacity ease 0.35s;
    opacity: 1;
}

.body-enter.text-2KOWx3rB- {
    opacity: 0;
    transform: translateY(5px);
}

.body-enter-active.text-2KOWx3rB- {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.175s;
}

.body-leave-active.text-2KOWx3rB- {
    opacity: 0;
    transform: translateY(-5px);
}

.body-enter.loader-1CC-1F8J- {
    opacity: 0;
}

.body-enter-active.loader-1CC-1F8J- {
    opacity: 1;
}

.body-leave-active.loader-1CC-1F8J- {
    opacity: 0;
}

.base-2d4XFcnI- {
    color: #757575;
    border-color: #adaeb0;
    background-color: transparent;
}

html.theme-dark .base-2d4XFcnI- {
    border-color: #4f5966;
}

html.theme-dark .base-2d4XFcnI- {
    color: #758696;
}

.feature-no-touch .base-2d4XFcnI-:hover {
    background-color: #f2f2f2;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .base-2d4XFcnI-:hover {
    background-color: #1c2030;
}

.feature-no-touch .base-2d4XFcnI-:active,
.feature-touch .base-2d4XFcnI-:active {
    background-color: #ececec;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .base-2d4XFcnI-:active,
html.feature-touch.theme-dark .base-2d4XFcnI-:active {
    background-color: #262b3e;
}

.primary-1rSzOFdX- {
    color: #fff;
    border-color: #3bb3e4;
    background-color: #3bb3e4;
}

.feature-no-touch .primary-1rSzOFdX-:hover {
    background-color: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .primary-1rSzOFdX-:active,
.feature-touch .primary-1rSzOFdX-:active {
    background-color: #049ddc;
    transition-duration: 0.06s;
}

.success-1qQ3_tEI- {
    color: #fff;
    border-color: #3cbc98;
    background-color: #3cbc98;
}

.feature-no-touch .success-1qQ3_tEI-:hover {
    background-color: #38b395;
    transition-duration: 0.06s;
}

.feature-no-touch .success-1qQ3_tEI-:active,
.feature-touch .success-1qQ3_tEI-:active {
    background-color: #00a97f;
    transition-duration: 0.06s;
}

.danger-jKTO4wDd- {
    color: #fff;
    border-color: #ff4a68;
    background-color: #ff4a68;
}

.feature-no-touch .danger-jKTO4wDd-:hover {
    background-color: #f24965;
    transition-duration: 0.06s;
}

.feature-no-touch .danger-jKTO4wDd-:active,
.feature-touch .danger-jKTO4wDd-:active {
    background-color: #ff173e;
    transition-duration: 0.06s;
}

.warning-2uDfz7Zc- {
    color: #fff;
    border-color: #f89e30;
    background-color: #f89e30;
}

.feature-no-touch .warning-2uDfz7Zc-:hover {
    background-color: #f79217;
    transition-duration: 0.06s;
}

.feature-no-touch .warning-2uDfz7Zc-:active,
.feature-touch .warning-2uDfz7Zc-:active {
    background-color: #d47807;
    transition-duration: 0.06s;
}

.secondary-3ll81brZ- {
    color: #757575;
    border-color: #eceff2;
    background-color: #eceff2;
}

html.theme-dark .secondary-3ll81brZ- {
    background-color: #363c4e;
}

html.theme-dark .secondary-3ll81brZ- {
    border-color: #363c4e;
}

html.theme-dark .secondary-3ll81brZ- {
    color: #c5cbce;
}

.feature-no-touch .secondary-3ll81brZ-:hover {
    background-color: #dce6ea;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .secondary-3ll81brZ-:hover {
    background-color: #4f5966;
}

.feature-no-touch .secondary-3ll81brZ-:active,
.feature-touch .secondary-3ll81brZ-:active {
    background-color: #cfdce3;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .secondary-3ll81brZ-:active,
html.feature-touch.theme-dark .secondary-3ll81brZ-:active {
    background-color: #4f5966;
}

.secondaryScript-2iIeFIWW- {
    color: #fff;
    border-color: #9db2bd;
    background-color: #9db2bd;
}

html.theme-dark .secondaryScript-2iIeFIWW- {
    background-color: #363c4e;
}

html.theme-dark .secondaryScript-2iIeFIWW- {
    border-color: #363c4e;
}

.feature-no-touch .secondaryScript-2iIeFIWW-:hover {
    background-color: #9db2bd;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .secondaryScript-2iIeFIWW-:hover {
    background-color: #363c4e;
}

.feature-no-touch .secondaryScript-2iIeFIWW-:active,
.feature-touch .secondaryScript-2iIeFIWW-:active {
    background-color: #cfdce3;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .secondaryScript-2iIeFIWW-:active,
html.feature-touch.theme-dark .secondaryScript-2iIeFIWW-:active {
    background-color: #363c4e;
}

.link-2sR0CShp- {
    color: #3bb3e4;
    transition: color ease 0.35s;
    background-color: white;
}

html.theme-dark .link-2sR0CShp- {
    color: #299dcd;
}

.link-2sR0CShp-:visited {
    color: #3bb3e4;
    fill: #3bb3e4;
}

html.theme-dark .link-2sR0CShp-:visited {
    fill: #299dcd;
}

html.theme-dark .link-2sR0CShp-:visited {
    color: #299dcd;
}

.feature-no-touch .link-2sR0CShp-:hover {
    color: #3babd8;
    fill: #3babd8;
    transition-duration: 0.06s;
}

.feature-no-touch .link-2sR0CShp-:active,
.feature-touch .link-2sR0CShp-:active {
    color: #049ddc;
    fill: #049ddc;
    transition-duration: 0.06s;
}

.xsmall-1aiWe3Hs- {
    line-height: 17px;
    border-radius: 1px;
    font-size: 11px;
    font-weight: normal;
}

.xsmall-1aiWe3Hs-.withPadding-_5CJoO5q- {
    padding: 0 7px;
}

.xsmall-1aiWe3Hs-+.xsmall-1aiWe3Hs- {
    margin-right: 10px;
}

.xsmall-1aiWe3Hs-.rounded-3qEdyiAz- {
    border-radius: 10px;
}

.small-2-nQtW8O- {
    line-height: 25px;
    font-size: 13px;
}

.small-2-nQtW8O-.withPadding-_5CJoO5q- {
    padding: 0 12px;
}

.small-2-nQtW8O-+.small-2-nQtW8O- {
    margin-right: 10px;
}

.small-2-nQtW8O-.rounded-3qEdyiAz- {
    border-radius: 14px;
}

.large-33HYhX8D- {
    line-height: 46px;
    font-size: 17px;
    letter-spacing: 1px;
}

.large-33HYhX8D-.withPadding-_5CJoO5q- {
    padding: 0 30px;
}

.large-33HYhX8D-.rounded-3qEdyiAz- {
    border-radius: 24px;
}

.grouped-1WsMjajI-:not(:first-child):not(:last-child) {
    border-radius: 0;
}

.grouped-1WsMjajI-+.grouped-1WsMjajI- {
    margin-right: -1px;
}

.grouped-1WsMjajI-:first-child {
    margin-right: 0;
}

.grouped-1WsMjajI-:not(:last-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.grouped-1WsMjajI-:not(:first-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.growable-F6tv8R_j- {
    flex: 1;
}

.growable-F6tv8R_j-.withPadding-_5CJoO5q- {
    padding: 0;
}

.feature-no-touch .active-2UxWxOgk-:active,
.feature-touch .active-2UxWxOgk-:active {
    transform: translateY(1px);
}

.disabled-3u0ULovv- {
    color: #adaeb0;
    border-color: #f1f3f6;
    background-color: #f1f3f6;
    cursor: default;
}

html.theme-dark .disabled-3u0ULovv- {
    background-color: #262b3e;
}

html.theme-dark .disabled-3u0ULovv- {
    border-color: #262b3e;
}

html.theme-dark .disabled-3u0ULovv- {
    color: #363c4e;
}

.feature-no-touch .disabled-3u0ULovv-:hover {
    background-color: #f1f3f6;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .disabled-3u0ULovv-:hover {
    background-color: #262b3e;
}

.feature-no-touch .disabled-3u0ULovv-:active,
.feature-touch .disabled-3u0ULovv-:active {
    background-color: #f1f3f6;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .disabled-3u0ULovv-:active,
html.feature-touch.theme-dark .disabled-3u0ULovv-:active {
    background-color: #262b3e;
}

.feature-no-touch .disabled-3u0ULovv-:active,
.feature-touch .disabled-3u0ULovv-:active {
    transform: none;
}

.rounded-3qEdyiAz- {
    border-radius: 17px;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.loader-3Pj8ExOX- {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
    opacity: 1;
    transition: opacity ease 0.35s;
}

.loader-3Pj8ExOX-:after {
    content: ' ';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.loader-3Pj8ExOX- .item-2n55_7om- {
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    opacity: 1;
    border-radius: 100%;
    transform: translateY(0) scale(0.6);
    transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s;
    animation: tv-button-loader-SKpJjjYw- 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both;
}

.loader-3Pj8ExOX- .item-2n55_7om-:nth-child(2) {
    transition-delay: 0.11666667s;
    animation-delay: .151s;
}

.loader-3Pj8ExOX- .item-2n55_7om-:nth-child(3) {
    transition-delay: 0.23333333s;
    animation-delay: .32s;
}

.loader-3Pj8ExOX- .item-2n55_7om-.black-eFIQWyf4- {
    background-color: #757575;
}

.loader-3Pj8ExOX- .item-2n55_7om-.white-2Ma0ajvT- {
    background-color: white;
}

.loader-3Pj8ExOX- .item-2n55_7om-.gray-24fvVR0S- {
    background-color: #8797a5;
}

.loader-3Pj8ExOX-.loader-appear .item-2n55_7om- {
    animation: none;
    transform: translateY(12px) scale(0.6);
}

.loader-3Pj8ExOX-.loader-appear-active .item-2n55_7om- {
    transform: translateY(0) scale(0.6);
}

@keyframes tv-button-loader-SKpJjjYw- {
    0%,
    100% {
        transform: scale(0.6);
    }
    50% {
        transform: scale(0.9);
    }
}

.dialog-1oXvxbfL- {
    max-width: 345px;
}

.dialog-1oXvxbfL- .formRow-28Ldm-ki- {
    display: flex;
}

.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey- {
    margin-left: 14px;
}

.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey- input {
    font-size: 15px;
    overflow: hidden;
}

.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey-:first-child {
    flex: 0 4 100%;
}

.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey-:nth-child(2) {
    flex: 0 5 100%;
}

.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.btn-1wL_hi5U- {
    margin-right: 3px;
}

.dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- {
    padding: 0px 8px;
    line-height: 32px;
    font-size: 16px;
}

.dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- svg {
    fill: #ffffff;
    width: 12px;
    height: 12px;
}

html.theme-dark .dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- svg {
    fill: #363c4e;
}

.popupDialog-2VK9ttEi- {
    max-width: 380px;
}

.content-BtJ6qB4V- .row-3iYHykfo- {
    display: flex;
    padding-bottom: 12px;
}

.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- {
    font-size: 13px;
}

.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .title-22tx3Djt- {
    color: #888989;
}

html.theme-dark .content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .title-22tx3Djt- {
    color: #758696;
}

.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .value-2xvVEs1a- {
    font-weight: bold;
    color: #4a4a4a;
}

html.theme-dark .content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .value-2xvVEs1a- {
    color: #c5cbce;
}

.content-BtJ6qB4V- .row-3iYHykfo- .columnTitle-3ypCTDKd- {
    text-align: right;
}

.content-BtJ6qB4V- .row-3iYHykfo- .columnValue-Xr4j0qyI- {
    margin-right: auto;
    text-align: left;
}


/*
	PALETTE

	All colors must be defined here.

	Naming: http://chir.ag/projects/name-that-color/#37BC9B
*/


/*
	COLORS BY FUNCTION

	Define colors per function and map palette colors.
*/

.tv-market-status__dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    vertical-align: middle;
}

.tv-market-status--pre-market {
    color: #ff9247;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--pre-market .tv-market-status__dot {
    background-color: #ff9247;
}

.tv-market-status--post-market {
    color: #3bb3e4;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--post-market .tv-market-status__dot {
    background-color: #3bb3e4;
}

.tv-market-status--market {
    color: #318757;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--market .tv-market-status__dot {
    background-color: #318757;
}

.tv-market-status--out-of-session {
    color: #939393;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--out-of-session .tv-market-status__dot {
    background-color: #939393;
}

.tv-market-status--invalid {
    color: #bd3820;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--invalid .tv-market-status__dot {
    background-color: #bd3820;
}

.tv-market-status--replay {
    color: #ff4a68;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--replay .tv-market-status__dot {
    background-color: #ff4a68;
}

.tv-market-status--holiday {
    color: #939393;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--holiday .tv-market-status__dot {
    background-color: #939393;
}

.tv-market-status--for-chart {
    display: block;
    float: right;
    margin-left: 0;
}

.tv-market-status--for-chart--pre-market {
    color: #ff9247;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--for-chart--pre-market .tv-market-status__dot {
    background-color: #ff9247;
}

.tv-market-status--for-chart--post-market {
    color: #3bb3e4;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--for-chart--post-market .tv-market-status__dot {
    background-color: #3bb3e4;
}

.tv-market-status--for-chart--market {
    color: #318757;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--for-chart--market .tv-market-status__dot {
    background-color: #318757;
}

.tv-market-status--for-chart--out-of-session {
    color: #939393;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--for-chart--out-of-session .tv-market-status__dot {
    background-color: #939393;
}

.tv-market-status--for-chart--invalid {
    color: #bd3820;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--for-chart--invalid .tv-market-status__dot {
    background-color: #bd3820;
}

.tv-market-status--for-chart--replay {
    color: #ff4a68;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--for-chart--replay .tv-market-status__dot {
    background-color: #ff4a68;
}

.tv-market-status--for-chart--holiday {
    color: #939393;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--for-chart--holiday .tv-market-status__dot {
    background-color: #939393;
}

.tv-market-status--loading--for-chart {
    color: #3bb3e4;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--loading--for-chart .tv-market-status__dot {
    background-color: #3bb3e4;
}

.tv-market-status--for-symbol-list {
    vertical-align: 1px;
    line-height: 15px;
}

.tv-market-status--for-ticker {
    margin-left: 4px;
}

.tv-market-status--for-watch-list {
    position: absolute;
    right: 0;
}

.tv-market-status--for-symbol-widget {
    line-height: 24px;
    font-size: 10px;
}

.tv-market-status--for-ticker-last {
    display: inline-flex;
    margin-left: 4px;
}

.tv-market-status__dot--for-chart {
    margin-right: 4px;
    vertical-align: 1px;
    width: 6px;
    height: 6px;
}

.tv-market-status__dot--for-symbol-list {
    margin-left: 4px;
}

.tv-market-status__dot--for-watch-list {
    margin-bottom: 3px;
}

.tv-market-status__dot--for-symbol-widget {
    margin-left: 8px;
    font-size: 24px;
}

.tv-market-status__dot--for-ticker-last {
    width: 6px;
    height: 6px;
}

.tv-market-status__label--for-chart {
    display: block;
    float: left;
    margin-right: 6px;
    line-height: 16px;
}

.tv-market-status__label--for-symbol-list {
    display: none;
}

.tv-market-status__label--for-watch-list {
    display: none;
}

.tv-market-status__label--for-symbol-widget {
    float: left;
    margin-left: 4px;
    font-size: 13px;
}

.tv-market-status__label--for-ticker {
    display: none;
}

.tv-market-status__label--for-ticker-last {
    display: none;
}

.tv-market-status--market .tv-market-status__dot--for-symbol-list {
    display: none;
}

.tv-market-status--market .tv-market-status__dot--for-watch-list {
    display: none;
}

.tv-market-status--market .tv-market-status__dot--for-ticker {
    display: none;
}

.tv-market-status--market .tv-market-status__dot--for-ticker-last {
    display: none;
}

.tv-market-status--for-chart {
    margin-left: 0;
}

.tv-market-status--market--for-chart {
    display: none;
}

.tv-market-status--market--for-symbol-widget {
    color: #3cbc98;
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
}

.tv-market-status--market--for-symbol-widget .tv-market-status__dot {
    background-color: #3cbc98;
}


/*
	PALETTE

	All colors must be defined here.

	Naming: http://chir.ag/projects/name-that-color/#37BC9B
*/


/*
	COLORS BY FUNCTION

	Define colors per function and map palette colors.
*/

.tv-data-mode {
    font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif;
    vertical-align: top;
}

.tv-data-mode--realtime {
    color: #318757;
}

.tv-data-mode--snapshot {
    color: #3bb3e4;
}

.tv-data-mode--endofday {
    color: #a953ae;
}

.tv-data-mode--invalid,
.tv-data-mode--forbidden,
.tv-data-mode--connecting,
.tv-data-mode--loading {
    visibility: hidden;
}

.tv-data-mode--delayed {
    color: #ff9247;
}

.tv-data-mode--for-ticker-last {
    display: inline-block;
    font-size: 12px;
    margin-left: 2px;
    position: absolute;
    font-weight: bold;
}

.tv-data-mode--realtime--for-ticker-last {
    display: none;
}

.tv-data-mode--for-ticker {
    display: inline-block;
    font-size: 10px;
    margin-left: 2px;
}

.tv-data-mode--realtime--for-ticker {
    display: none;
}

.tv-data-mode--replay {
    color: #ff4a68;
}

.tv-data-mode--for-chart {
    float: left;
    line-height: 16px;
    margin-right: 6px;
}

.tv-data-mode--loading--for-chart,
.tv-data-mode--connecting--for-chart {
    display: none;
}

.tv-data-mode--invalid--for-chart,
.tv-data-mode--forbidden--for-chart {
    color: #bd3820;
    visibility: visible;
}

.tv-data-mode--realtime--for-chart {
    display: none;
}

.tv-data-mode--for-chart.tv-data-mode--replay {
    margin-left: 0;
}

.tv-data-mode--for-symbol-list {
    height: 10px;
    width: 8px;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    text-align: left;
    margin-left: 1px;
}

.tv-data-mode--realtime--for-symbol-list {
    visibility: hidden;
}

.tv-data-mode--for-symbol-widget {
    display: inline;
    margin-left: 3px;
    line-height: 17px;
    font-size: 15px;
}

.tv-data-mode--realtime--for-symbol-widget {
    display: none;
}

.tv-data-mode--for-watch-list {
    display: block;
    float: right;
    margin: 0 3px;
    margin-top: 0.65em;
    font-size: 10px;
}

.tv-data-mode--realtime--for-watch-list {
    visibility: hidden;
}

.tv-data-mode--size_large {
    font-size: 12px;
}

.tv-data-mode--for-symbol-info {
    display: inline;
    margin-left: 3px;
    line-height: 17px;
    font-size: 15px;
}

.tv-data-mode--realtime--for-symbol-info {
    display: none;
}

.button-1VVj8kLG- {
    padding: 0 12px 0 6px;
}

.tabs-3f6R4UrH- {
    display: flex;
    position: relative;
}

.tab-C-so14ap- {
    flex: 1 1;
    padding: 19px 0 13px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    border-bottom: 1px solid #e1ecf2;
    transition: color 350ms ease;
}

html.theme-dark .tab-C-so14ap- {
    border-bottom: 1px solid #363c4e;
}

.tab-C-so14ap-.active-3_gZ3PzW- {
    color: #3bb3e4;
}

html.theme-dark .tab-C-so14ap-.active-3_gZ3PzW- {
    color: #3bb3e4;
}

.slider-XCKyHkum- {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: #3bb3e4;
    transform: translateX(0);
    transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

html.theme-dark .slider-XCKyHkum- {
    background-color: #3bb3e4;
}

.item-3cgIlGYO- {
    display: flex;
    align-items: center;
    padding: 0 8px;
    height: 100%;
    font-size: 13px;
    color: #4c525e;
    transition: color ease 60ms;
}

html.theme-dark .item-3cgIlGYO- {
    color: #758696;
}

.item-3cgIlGYO-.hovered-2g31gdB--,
.feature-no-touch .item-3cgIlGYO-:hover,
.feature-no-touch .item-3cgIlGYO-:active,
.feature-touch .item-3cgIlGYO-:active {
    color: #131722;
}

html.theme-dark .item-3cgIlGYO-.hovered-2g31gdB--,
html.feature-no-touch.theme-dark .item-3cgIlGYO-:hover,
html.feature-no-touch.theme-dark .item-3cgIlGYO-:active,
html.feature-touch.theme-dark .item-3cgIlGYO-:active {
    color: #9db2bd;
}


/* allow to override anything */

.item-3cgIlGYO-.isActive-2M6dwA7--,
.feature-no-touch .item-3cgIlGYO-.isActive-2M6dwA7--:hover {
    color: #1592e6;
}

html.theme-sa .item-3cgIlGYO-.isActive-2M6dwA7--,
html.feature-no-touch.theme-sa .item-3cgIlGYO-.isActive-2M6dwA7--:hover {
    color: #ff7200;
}

html.theme-dark .item-3cgIlGYO-.isActive-2M6dwA7--,
html.feature-no-touch.theme-dark .item-3cgIlGYO-.isActive-2M6dwA7--:hover {
    color: #3bb3e4;
}

.item-3cgIlGYO-.isFirst-2kfAV5tf- {
    margin-right: 5px;
}

.item-3cgIlGYO-.isLast-voJ1bqZh- {
    margin-left: 5px;
}

.slider-1ealLtjI- {
    background-color: transparent;
    height: 2px;
    bottom: 15%;
    transition-duration: 175ms;
    transition-property: transform, opacity;
}

html.theme-dark .slider-1ealLtjI- {
    background-color: transparent;
}

.slider-1ealLtjI- .inner-3lmAEIjy- {
    background-color: #1592e6;
    margin: 0 8px;
    height: 100%;
}

html.theme-sa .slider-1ealLtjI- .inner-3lmAEIjy- {
    background-color: #ff7200;
}

html.theme-dark .slider-1ealLtjI- .inner-3lmAEIjy- {
    background-color: #3bb3e4;
}

.sliderRow-Tv1W7hM5- {
    height: 100%;
}

.button-2gir_Bbb- {
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 14px;
    white-space: nowrap;
    color: #4c525e;
    transition: color ease 60ms;
    /* allow to override anything */
}

html.theme-dark .button-2gir_Bbb- {
    color: #758696;
}

.button-2gir_Bbb-.hovered-C6AkUeyT-,
.feature-no-touch .button-2gir_Bbb-:hover,
.feature-no-touch .button-2gir_Bbb-:active,
.feature-touch .button-2gir_Bbb-:active {
    color: #131722;
}

html.theme-dark .button-2gir_Bbb-.hovered-C6AkUeyT-,
html.feature-no-touch.theme-dark .button-2gir_Bbb-:hover,
html.feature-no-touch.theme-dark .button-2gir_Bbb-:active,
html.feature-touch.theme-dark .button-2gir_Bbb-:active {
    color: #9db2bd;
}

.button-88UE6omC- {
    display: flex;
    height: 100%;
    align-items: center;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    cursor: default;
    color: #4c525e;
    transition: color ease 60ms;
}

html.theme-dark .button-88UE6omC- {
    color: #758696;
}

.button-88UE6omC-.hovered-3xELmoc6-,
.feature-no-touch .button-88UE6omC-:hover,
.feature-no-touch .button-88UE6omC-:active,
.feature-touch .button-88UE6omC-:active {
    color: #131722;
}

html.theme-dark .button-88UE6omC-.hovered-3xELmoc6-,
html.feature-no-touch.theme-dark .button-88UE6omC-:hover,
html.feature-no-touch.theme-dark .button-88UE6omC-:active,
html.feature-touch.theme-dark .button-88UE6omC-:active {
    color: #9db2bd;
}


/* allow to override anything */

.button-88UE6omC-.open {
    background-color: #f7f8fa;
}

html.theme-dark .button-88UE6omC-.open {
    background-color: #1c2030;
}


/* remove ie11 press effect */

.button-88UE6omC- .inner-2FptJsfC- {
    position: relative;
}

.button-37qwTsBL- {
    white-space: nowrap;
}

.separator-3bp1jCsV- {
    display: inline-block;
    width: 1px;
    margin: 5px 0 6px;
    background-color: #e7ebee;
    height: calc(100% - 11px)
}

html.theme-dark .separator-3bp1jCsV- {
    background-color: #2f3241;
}

.icon-2Gun4jqH- svg {
    display: block;
}


/*
 Don't use any absolute position flex item in this layout.
 It is too slow on iPad and cause buggy flex resizing.
 This bug visible without devtools only and it is really nightmare to workaround.
 */

.toolbar-2MJefnwP- {
    position: relative;
    height: 100%;
    font-size: 13px;
    white-space: nowrap;
    cursor: default;
}

.dateRangeWrapper-yS_7EK1i- {
    display: block;
    position: absolute;
    right: 0;
    height: 100%;
}

.seriesControlWrapper-1c7dZFwu- {
    display: block;
    position: absolute;
    left: 0;
    height: 100%;
}

.dateRangeExpanded-Eh9SAOEe- {
    display: inline-flex;
    flex: 0 1 0%;
    height: 100%;
}

.dateRangeCollapsed-1-pFg0M1- {
    display: inline-flex;
    height: 100%;
    flex: 0 1 0%;
}

.item-2cWFW_ze- {
    height: 100%;
    padding: 0 9px;
    flex: 0 0 auto;
}

.item-2cWFW_ze-.first-1XNI05qr- {
    padding-right: 14px;
}

.item-2cWFW_ze-.last-2VBe7EFW- {
    padding-left: 14px;
}

.inline-2rwBBIxN- {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.timezone-34WAZb8x- {
    padding: 0 14px;
    flex: 0 0 auto;
}

.icon-3VRthUnU- {
    height: 100%;
    padding: 0 6px;
    flex: 0 0 auto;
}

.icon-3VRthUnU-.first-1XNI05qr- {
    padding-right: 12px;
}

.icon-3VRthUnU-.last-2VBe7EFW- {
    padding-left: 12px;
}

.hidden-3Tq8Bf9V- {
    visibility: hidden;
}


/*
 IE11 requires to apply this class only to block element
 You should wrap each flex element into simple div element to proper sizing
 Otherwise any absolute flex element will have zero width
*/

.collapsed-2lhil-Rc- {
    position: absolute;
    visibility: hidden;
    height: 100%;
    right: 0;
    top: 0;
}

.control-bar-wrapper {
    position: absolute;
    pointer-events: none;
    bottom: 33px;
    height: 28px;
    z-index: 1;
    direction: ltr;
}

.control-bar {
    display: flex;
    visibility: visible;
    transition: opacity .3s, visibility .3s;
}

.control-bar--hidden {
    visibility: hidden;
    opacity: 0;
}

.control-bar__group {
    display: flex;
    align-items: center;
    margin: 0 7px;
}

.control-bar__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 4px;
    width: 28px;
    height: 28px;
    background-color: rgba(255, 255, 255, 0.7);
    color: #758696;
    box-shadow: 0 1px 4px 0 rgba(117, 134, 150, 0.38);
    ;
    pointer-events: auto;
    transition: background-color .3s, color .3s, visibility .4s, opacity .4s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
    visibility: visible;
    opacity: 1;
}

.control-bar__btn--turn-button {
    margin: 0 11px;
}

.control-bar__btn--turn-button svg {
    margin-bottom: 1px;
}

.control-bar__btn--btn-hidden {
    visibility: hidden;
    opacity: 0;
}

.feature-no-touch .control-bar__btn:hover {
    background-color: #ffffff;
    color: #262b3e;
}

.feature-no-touch .control-bar__btn:active,
.feature-touch .control-bar__btn:active {
    background-color: #f7f8fa;
    transition: none;
}

.control-bar__btn--dark {
    background-color: rgba(38, 43, 62, 0.6);
    color: #9db2bd;
    box-shadow: 0 1px 4px 0 #000000;
}

.feature-no-touch .control-bar__btn--dark:hover {
    background-color: #262b3e;
    color: #c5cbce;
}

.feature-no-touch .control-bar__btn--dark:active,
.feature-touch .control-bar__btn--dark:active {
    background-color: #1c2030;
}

.control-bar__btn--back-present {
    position: absolute;
    right: 2px;
    bottom: 33px;
}

.control-bar__btn svg {
    pointer-events: none;
}


/**
 * Regular dropdown style
 */


/**
 * Transitions variables and mixins
 */


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */

.tv-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.tv-dropdown.i-inactive .tv-dropdown__item,
.tv-dropdown__group.i-inactive .tv-dropdown__item,
.feature-no-touch .tv-dropdown.i-inactive .tv-dropdown__item:hover,
.feature-no-touch .tv-dropdown__group.i-inactive .tv-dropdown__item:hover {
    cursor: default;
    color: #adaeb0;
    background-color: transparent;
}

.tv-dropdown__desc {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    color: #adaeb0;
    transition: color ease 0.35s;
}

.feature-no-touch .tv-dropdown__item:hover .tv-dropdown__desc {
    color: #757575;
    transition-duration: 0.06s;
}

.tv-dropdown.i-inactive .tv-dropdown__desc,
.tv-dropdown__group.i-inactive .tv-dropdown__desc {
    color: #c8c8c8;
    transition-duration: 0.06s;
}

.tv-dropdown__button {
    cursor: pointer;
}

.tv-dropdown__button--dashed {
    border-bottom-style: dashed;
}

.tv-dropdown__group--divided {
    border-bottom: 1px solid #eaecef;
}

.tv-dropdown__group--divided:last-child {
    border-bottom: none;
}

.tv-dropdown__body {
    position: absolute;
    top: -15px;
    right: 0;
    z-index: 99;
    padding: 15px 0;
    font-size: 13px;
    line-height: 1;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}

html.theme-dark .tv-dropdown__body {
    background-color: #1c2030;
}

html.theme-dark .tv-dropdown__body {
    box-shadow: #000000 0 2px 4px 0;
}

.tv-dropdown__body--under-trigger {
    top: 100%;
    top: calc(100% - 1px);
}

.tv-dropdown__body--over-trigger {
    top: 0;
}

.tv-dropdown__body--position_right {
    right: auto;
    left: 0;
}

.tv-dropdown__body--position_outer_right {
    right: 100%;
}

.tv-dropdown__title {
    margin-top: 10px;
    padding: 10px 15px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #bdbec0;
    text-transform: uppercase;
}

.tv-dropdown__title:first-child {
    margin-top: 0;
}

.tv-dropdown__item {
    white-space: nowrap;
    position: relative;
    display: block;
    cursor: pointer;
    padding: 10px 15px;
    transition: color ease 0.35s, background-color ease 0.35s;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tv-dropdown__item,
.tv-dropdown__item:visited {
    color: #2f3241;
}

html.theme-dark .tv-dropdown__item,
html.theme-dark .tv-dropdown__item:visited {
    color: #d6d8e0;
}

.feature-no-touch .tv-dropdown__item:hover {
    color: #4a4a4a;
    background-color: #f2f3f5;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
    background-color: #2f3241;
}

html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
    color: #c5cbce;
}

.feature-no-touch .tv-dropdown__item:active,
.feature-touch .tv-dropdown__item:active {
    color: #4a4a4a;
    background-color: #e5e5e8;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-dropdown__item:active,
html.feature-touch.theme-dark .tv-dropdown__item:active {
    background-color: #262b3e;
}

html.feature-no-touch.theme-dark .tv-dropdown__item:active,
html.feature-touch.theme-dark .tv-dropdown__item:active {
    color: #c5cbce;
}

.tv-dropdown__item.i-active {
    color: #4a4a4a;
    background-color: #eafafe;
}

html.theme-dark .tv-dropdown__item.i-active {
    background-color: #21384d;
}

html.theme-dark .tv-dropdown__item.i-active {
    color: #c5cbce;
}

.feature-no-touch .tv-dropdown__item.i-active:hover {
    color: #000000;
    background-color: #c6e9f8;
}

html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
    background-color: #21384d;
}

html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
    color: #9db2bd;
}

.feature-no-touch .tv-dropdown__item.i-active:active,
.feature-touch .tv-dropdown__item.i-active:active {
    color: #000000;
    background-color: #b1e2f3;
}

html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
    background-color: #21384d;
}

html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
    color: #9db2bd;
}

.feature-no-touch .tv-dropdown__item.i-disabled:hover,
.feature-no-touch .tv-dropdown__item.i-disabled:active,
.feature-touch .tv-dropdown__item.i-disabled:active,
.tv-dropdown__item.i-disabled {
    cursor: default;
    color: #e5e5e8;
    background-color: transparent;
}

html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-disabled:active,
html.theme-dark .tv-dropdown__item.i-disabled {
    color: #758696;
}

.tv-dropdown__item--subitem {
    padding: 10px 30px 10px 15px;
}

.feature-no-touch .tv-dropdown__item--not-interactive:hover {
    background-color: transparent;
}

.feature-no-touch .tv-dropdown__item--not-interactive:active,
.feature-touch .tv-dropdown__item--not-interactive:active {
    background-color: transparent;
}

.tv-dropdown__item--not-interactive.i-active {
    background-color: transparent;
}

.feature-no-touch .tv-dropdown__item--not-interactive.i-active:hover {
    background-color: transparent;
}

.feature-no-touch .tv-dropdown__item--not-interactive.i-active:active,
.feature-touch .tv-dropdown__item--not-interactive.i-active:active {
    background-color: transparent;
}

.tv-dropdown__item-text {
    vertical-align: middle;
}

.tv-objects-tree-tab-filter__button {
    padding: 10px 5px;
}


/**
 * Material-like dropdown
 * Only css animations
 * Must be stylized by context where using
 */


/**
 * Transitions variables and mixins
 */


/**
 * Regular dropdown style
 */


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */

.tv-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.tv-dropdown.i-inactive .tv-dropdown__item,
.tv-dropdown__group.i-inactive .tv-dropdown__item,
.feature-no-touch .tv-dropdown.i-inactive .tv-dropdown__item:hover,
.feature-no-touch .tv-dropdown__group.i-inactive .tv-dropdown__item:hover {
    cursor: default;
    color: #adaeb0;
    background-color: transparent;
}

.tv-dropdown__desc {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    color: #adaeb0;
    transition: color ease 0.35s;
}

.feature-no-touch .tv-dropdown__item:hover .tv-dropdown__desc {
    color: #757575;
    transition-duration: 0.06s;
}

.tv-dropdown.i-inactive .tv-dropdown__desc,
.tv-dropdown__group.i-inactive .tv-dropdown__desc {
    color: #c8c8c8;
    transition-duration: 0.06s;
}

.tv-dropdown__button {
    cursor: pointer;
}

.tv-dropdown__button--dashed {
    border-bottom-style: dashed;
}

.tv-dropdown__group--divided {
    border-bottom: 1px solid #eaecef;
}

.tv-dropdown__group--divided:last-child {
    border-bottom: none;
}

.tv-dropdown__body {
    position: absolute;
    top: -15px;
    right: 0;
    z-index: 99;
    padding: 15px 0;
    font-size: 13px;
    line-height: 1;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
}

html.theme-dark .tv-dropdown__body {
    background-color: #1c2030;
}

html.theme-dark .tv-dropdown__body {
    box-shadow: #000000 0 2px 4px 0;
}

.tv-dropdown__body--under-trigger {
    top: 100%;
    top: calc(100% - 1px);
}

.tv-dropdown__body--over-trigger {
    top: 0;
}

.tv-dropdown__body--position_right {
    right: auto;
    left: 0;
}

.tv-dropdown__body--position_outer_right {
    right: 100%;
}

.tv-dropdown__title {
    margin-top: 10px;
    padding: 10px 15px 10px;
    font-size: 14px;
    font-weight: bold;
    color: #bdbec0;
    text-transform: uppercase;
}

.tv-dropdown__title:first-child {
    margin-top: 0;
}

.tv-dropdown__item {
    white-space: nowrap;
    position: relative;
    display: block;
    cursor: pointer;
    padding: 10px 15px;
    transition: color ease 0.35s, background-color ease 0.35s;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tv-dropdown__item,
.tv-dropdown__item:visited {
    color: #2f3241;
}

html.theme-dark .tv-dropdown__item,
html.theme-dark .tv-dropdown__item:visited {
    color: #d6d8e0;
}

.feature-no-touch .tv-dropdown__item:hover {
    color: #4a4a4a;
    background-color: #f2f3f5;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
    background-color: #2f3241;
}

html.feature-no-touch.theme-dark .tv-dropdown__item:hover {
    color: #c5cbce;
}

.feature-no-touch .tv-dropdown__item:active,
.feature-touch .tv-dropdown__item:active {
    color: #4a4a4a;
    background-color: #e5e5e8;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-dropdown__item:active,
html.feature-touch.theme-dark .tv-dropdown__item:active {
    background-color: #262b3e;
}

html.feature-no-touch.theme-dark .tv-dropdown__item:active,
html.feature-touch.theme-dark .tv-dropdown__item:active {
    color: #c5cbce;
}

.tv-dropdown__item.i-active {
    color: #4a4a4a;
    background-color: #eafafe;
}

html.theme-dark .tv-dropdown__item.i-active {
    background-color: #21384d;
}

html.theme-dark .tv-dropdown__item.i-active {
    color: #c5cbce;
}

.feature-no-touch .tv-dropdown__item.i-active:hover {
    color: #000000;
    background-color: #c6e9f8;
}

html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
    background-color: #21384d;
}

html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover {
    color: #9db2bd;
}

.feature-no-touch .tv-dropdown__item.i-active:active,
.feature-touch .tv-dropdown__item.i-active:active {
    color: #000000;
    background-color: #b1e2f3;
}

html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
    background-color: #21384d;
}

html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-active:active {
    color: #9db2bd;
}

.feature-no-touch .tv-dropdown__item.i-disabled:hover,
.feature-no-touch .tv-dropdown__item.i-disabled:active,
.feature-touch .tv-dropdown__item.i-disabled:active,
.tv-dropdown__item.i-disabled {
    cursor: default;
    color: #e5e5e8;
    background-color: transparent;
}

html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:hover,
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:active,
html.feature-touch.theme-dark .tv-dropdown__item.i-disabled:active,
html.theme-dark .tv-dropdown__item.i-disabled {
    color: #758696;
}

.tv-dropdown__item--subitem {
    padding: 10px 30px 10px 15px;
}

.feature-no-touch .tv-dropdown__item--not-interactive:hover {
    background-color: transparent;
}

.feature-no-touch .tv-dropdown__item--not-interactive:active,
.feature-touch .tv-dropdown__item--not-interactive:active {
    background-color: transparent;
}

.tv-dropdown__item--not-interactive.i-active {
    background-color: transparent;
}

.feature-no-touch .tv-dropdown__item--not-interactive.i-active:hover {
    background-color: transparent;
}

.feature-no-touch .tv-dropdown__item--not-interactive.i-active:active,
.feature-touch .tv-dropdown__item--not-interactive.i-active:active {
    background-color: transparent;
}

.tv-dropdown__item-text {
    vertical-align: middle;
}

.tv-dropdown-behavior__body {
    display: none;
    box-sizing: border-box;
}

.tv-dropdown-behavior__body.i-opened {
    display: block;
}

.tv-dropdown-behavior__body--width_full {
    min-width: 100%;
}

.tv-dropdown-behavior__button {
    cursor: pointer;
}

.tv-dropdown-behavior__item {
    display: block;
    position: relative;
}

.tv-dropdown-behavior__scroll,
.tv-dropdown-behavior__inscroll {
    display: block;
    position: relative;
}

.tv-dropdown-behavior__scroll {
    overflow: hidden;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-objects-tree-item {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    padding: 13px 30px;
    color: #262b3e;
    transition: background-color ease 0.35s;
    height: 20px;
    border-bottom: 1px solid;
    border-bottom-color: #eceff2;
}

html.theme-dark .tv-objects-tree-item {
    border-bottom-color: #363c4e;
}

html.theme-dark .tv-objects-tree-item {
    color: #e1ecf2;
}

@media screen and (max-width:767px) {
    .tv-objects-tree-item {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.tv-objects-tree-item--large-left-padding {
    padding-right: 55px;
}

@media screen and (max-width:767px) {
    .tv-objects-tree-item--large-left-padding {
        padding-right: 45px;
    }
}

.tv-objects-tree-item--placeholder {
    height: 20px;
}

.feature-no-touch .tv-objects-tree-item:hover,
.tv-objects-tree-item.ui-sortable-helper {
    background-color: #f1f3f6;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-objects-tree-item:hover,
html.theme-dark .tv-objects-tree-item.ui-sortable-helper {
    background-color: #2f3241;
}

.tv-objects-tree-item.i-prop-hidden {
    color: #94959c;
}

html.theme-dark .tv-objects-tree-item.i-prop-hidden {
    color: #4c525e;
}

.tv-objects-tree-item.i-active {
    background-color: #eafafe;
}

html.theme-dark .tv-objects-tree-item.i-active {
    background-color: #21384d;
}

.tv-objects-tree-item__icon {
    color: #758696;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
}

.tv-objects-tree-item__icon.i-empty {
    width: 0;
    margin-left: 0;
}

.tv-objects-tree-item__icon svg {
    height: 20px;
    vertical-align: middle;
    fill: #758696;
}

.tv-objects-tree-item__icon,
.tv-objects-tree-item__icon svg {
    height: 20px;
    width: 20px;
}

.tv-objects-tree-item__icon.i-text-icon {
    font-weight: bold;
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: FontAwesome;
    text-align: center;
    color: #758696;
    font-size: 16px;
}

.tv-objects-tree-item__icon.i-text-icon,
.tv-objects-tree-item__icon.i-text-icon svg {
    min-width: 20px;
}

.tv-objects-tree-item__title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.tv-objects-tree-item__title.i-bold {
    font-weight: bold;
}

.tv-objects-tree-item__title:after {
    content: '\200E';
}

.tv-objects-tree-item.i-active .tv-objects-tree-item__title {
    font-weight: bold;
}

.tv-objects-tree-item__control-buttons {
    flex-shrink: 0;
    margin-right: 10px;
}

.tv-objects-tree-item__control-buttons--left {
    margin-right: 0px;
    margin-left: 10px;
}

.tv-objects-tree-item__button {
    float: right;
    margin-right: 5px;
}

.tv-objects-tree-item__button--collapse,
.tv-objects-tree-item__button--expand {
    margin-right: 0;
}

.tv-objects-tree-item__button svg {
    opacity: 0.8;
    fill: #758696;
    transition: opacity ease 0.35s;
}

.feature-touch .tv-objects-tree-item__button svg {
    opacity: 0.9;
}

.feature-no-touch .tv-objects-tree-item__button:hover svg {
    opacity: 1;
    transition-duration: 0.06s;
}

.tv-objects-tree-item__button.i-active svg,
.feature-no-touch .tv-objects-tree-item__button.i-active:hover svg {
    fill: #3bb3e4;
}

.tv-objects-tree-item__button.i-transparent {
    visibility: hidden;
}

.tv-objects-tree-item__button,
.tv-objects-tree-item__button svg {
    width: 14px;
    height: 14px;
}

.feature-touch .tv-objects-tree-item__button svg {
    transform: scale(1.1);
}

.tv-objects-tree-item__button--collapse,
.tv-objects-tree-item.i-expanded .tv-objects-tree-item__button--expand {
    display: none;
}

.tv-objects-tree-item__button--expand,
.tv-objects-tree-item.i-expanded .tv-objects-tree-item__button--collapse {
    display: block;
}

.tv-objects-tree-item__drag-icon {
    position: absolute;
    width: 6px;
    height: 12px;
    right: 0px;
    top: 0px;
    padding: 16px 10px;
    cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move;
    cursor: -webkit-grab;
    cursor: grab;
}

.tv-objects-tree-item__drag-icon svg {
    fill: #dadde0;
}

@media screen and (max-width:767px) {
    .tv-objects-tree-item__drag-icon {
        padding-right: 8px;
        padding-left: 12px;
    }
}

.tv-objects-tree-item.ui-sortable-helper,
.tv-objects-tree-item.ui-sortable-helper .tv-objects-tree-item__drag-icon {
    cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}


/* ------------------------ */


/* LESS mixin for CSS arrow */


/* ------------------------ */


/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */


/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */


/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */

.tv-objects-tree-dialog-tab {
    position: relative;
    height: 100%;
}

.tv-objects-tree-dialog-tab .sb-scrollbar-body {
    border: 0;
    background: #d8d8d8;
    width: 6px;
}

html.theme-dark .tv-objects-tree-dialog-tab .sb-scrollbar-body {
    background: #4f5966;
}

.tv-objects-tree-dialog-tab .sb-scrollbar-top,
.tv-objects-tree-dialog-tab .sb-scrollbar-bottom {
    display: none;
}

.tv-objects-tree-dialog-tab.i-scrollable {
    overflow: hidden;
}

.feature-touch .tv-objects-tree-dialog-tab.i-scrollable {
    overflow-x: hidden;
    overflow-y: auto;
}

.tv-objects-tree-dialog-tab__content {
    position: absolute;
    width: 100%;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-objects-tree-tab__group:not(:last-child) {
    border-bottom: 1px solid;
    border-bottom-color: #dadde0;
}

html.theme-dark .tv-objects-tree-tab__group:not(:last-child) {
    border-bottom-color: #363c4e;
}

.tv-objects-tree-tab__group:not(:last-child)>*:last-child {
    border-bottom-color: transparent;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-manage-drawings-tab__symbol-drawings {
    display: none;
}

.tv-manage-drawings-tab__symbol-drawings.i-expanded {
    display: block;
}

.tv-manage-drawings-tab__empty-drawings {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    font-style: italic;
}


/**
 * Tabs block
 */


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-tabs {
    display: flex;
    height: 53px;
    line-height: 53px;
    position: relative;
    padding: 0 14px;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.tv-tabs:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 1px;
    background-color: #dadde0;
}

html.theme-dark .tv-tabs:before {
    background-color: #363c4e;
}

.tv-tabs::-webkit-scrollbar {
    display: none;
}

.tv-tabs.i-loaded {
    padding: 0;
}

.tv-tabs--category-content {
    padding: 0 6px;
}

.tv-tabs__scroll-wrap {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    padding-bottom: 100px;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    /* stylelint-disable-next-line property-no-vendor-prefix */
    -webkit-transform: translate3d(0, 0, 0);
    /* IPad scroll fix */
}

.tv-tabs__scroll-box {
    display: flex;
    position: relative;
}

.tv-tabs.i-loaded .tv-tabs__scroll-box {
    padding: 0 14px;
}

.tv-tabs__tab {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 14px;
    height: 53px;
    font-size: 14px;
    line-height: 53px;
    color: #9aa9ba;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    transition: color ease 0.35s;
}

html.theme-dark .tv-tabs__tab {
    color: #758696;
}

.feature-no-touch .tv-tabs__tab:hover,
.tv-tabs__tab.i-hover,
.feature-no-touch .tv-tabs__tab:active,
.feature-touch .tv-tabs__tab:active {
    transition-duration: 0.06s;
}

.feature-no-touch .tv-tabs__tab:hover,
.feature-no-touch .tv-tabs__tab:active,
.feature-touch .tv-tabs__tab:active,
.tv-tabs__tab.i-hover,
.tv-tabs__tab.i-active {
    color: #252733;
}

html.feature-no-touch.theme-dark .tv-tabs__tab:hover,
html.feature-no-touch.theme-dark .tv-tabs__tab:active,
html.feature-touch.theme-dark .tv-tabs__tab:active,
html.theme-dark .tv-tabs__tab.i-hover,
html.theme-dark .tv-tabs__tab.i-active {
    color: #9db2bd;
}

.tv-tabs__tab:disabled,
.tv-tabs__tab[disabled],
.tv-tabs__tab.i-disabled {
    cursor: default;
    color: #dadde0;
}

html.theme-dark .tv-tabs__tab:disabled,
html.theme-dark .tv-tabs__tab[disabled],
html.theme-dark .tv-tabs__tab.i-disabled {
    color: #363c4e;
}

.tv-tabs__tab--no-padding {
    padding: 0;
}

.tv-tabs__tab--right-shifter {
    margin-right: auto;
}

.tv-tabs__tab--icon-tab {
    padding: 0;
}

.tv-tabs--category-header .tv-tabs__tab {
    padding-right: 25px;
    padding-left: 25px;
    font-size: 15px;
    color: #9db2bd;
}

.tv-tabs--category-header .tv-tabs__tab.i-hover,
.feature-no-touch .tv-tabs--category-header .tv-tabs__tab:hover {
    color: #758696;
}

.tv-tabs--category-header .tv-tabs__tab.i-active,
.feature-no-touch .tv-tabs--category-header .tv-tabs__tab:active,
.feature-touch .tv-tabs--category-header .tv-tabs__tab:active {
    color: #363c4e;
}

.tv-tabs:not(.i-loaded) .tv-tabs__tab.i-active:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% - 28px);
    height: 2px;
    right: 14px;
    background: #3bb3e4;
}

.tv-tabs--category-header:not(.i-loaded) .tv-tabs__tab.i-active:after {
    bottom: 0;
    height: 3px;
    width: calc(100% - 50px);
    right: 25px;
}

.tv-tabs__slider,
.tv-tabs__tab.i-active:after {
    display: block;
    position: absolute;
    bottom: 0;
    height: 2px;
    pointer-events: none;
    background-color: #3bb3e4;
}

.tv-tabs--compact,
.tv-tabs--compact .tv-tabs__scroll-box,
.tv-tabs--compact .tv-tabs__tab {
    height: 23px;
}

.tv-tabs--compact .tv-tabs__tab {
    line-height: 23px;
    font-size: 13px;
}

.tv-tabs--semi-compact,
.tv-tabs--semi-compact .tv-tabs__scroll-box,
.tv-tabs--semi-compact .tv-tabs__tab {
    height: 34px;
}

.tv-tabs--semi-compact .tv-tabs__tab {
    line-height: 34px;
}

.tv-tabs--compact,
.tv-tabs--category-header,
.tv-tabs--semi-compact,
.tv-tabs--compact.i-loaded .tv-tabs__scroll-box,
.tv-tabs--category-header.i-loaded .tv-tabs__scroll-box,
.tv-tabs--semi-compact.i-loaded .tv-tabs__scroll-box {
    padding-right: 0;
    padding-left: 0;
}

.tv-tabs--compact:before,
.tv-tabs--category-header:before,
.tv-tabs--semi-compact:before {
    bottom: 0;
}

.tv-tabs--compact .tv-tabs__tab:first-child,
.tv-tabs--semi-compact .tv-tabs__tab:first-child {
    margin-right: -14px;
}

.tv-tabs--compact .tv-tabs__tab:last-child,
.tv-tabs--semi-compact .tv-tabs__tab:last-child {
    margin-left: -14px;
}

.tv-tabs--category-header .tv-tabs__tab:first-child {
    margin-right: -25px;
}

.tv-tabs--category-header .tv-tabs__tab:last-child {
    margin-left: -25px;
}

.tv-tabs--compact .tv-tabs__tab.i-hidden:first-child+.tv-tabs__tab {
    margin-right: -14px;
}

.tv-tabs--compact .tv-tabs__slider,
.tv-tabs--compact .tv-tabs__tab.i-active:after {
    bottom: 0;
    height: 1px;
}

.tv-tabs--no-margin .tv-tabs__tab:first-child,
.tv-tabs--semi-compact.tv-tabs--no-margin .tv-tabs__tab:first-child {
    margin-right: 0;
}

.tv-tabs--no-margin .tv-tabs__tab:last-child,
.tv-tabs--semi-compact.tv-tabs--no-margin .tv-tabs__tab:last-child {
    margin-left: 0;
}

.tv-tabs--secondary-active .tv-tabs__wrap {
    display: flex;
    align-items: center;
    height: 23px;
    padding: 0px 14px;
}

.tv-tabs--secondary-active.tv-tabs--semi-compact .tv-tabs__wrap {
    height: 22px;
    padding: 0px 8px;
}

.tv-tabs--secondary-active.tv-tabs--semi-compact .tv-tabs__tab {
    padding: 6px;
}

.tv-tabs--secondary-active .tv-tabs__tab {
    padding: 0 6px;
}

.tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap {
    background-color: #92a9b5;
    color: #ffffff;
    transition: color ease 0.35s, background-color ease 0.35s;
}

html.theme-dark .tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap {
    color: #c5cbce;
}

html.theme-dark .tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap {
    background-color: #4c525e;
}

.tv-tabs--no-border:before {
    display: none;
}

.tv-tabs--no-padding,
.tv-tabs--no-padding.i-loaded .tv-tabs__scroll-box {
    padding: 0;
}

.tv-tabs--no-padding .tv-tabs__tab {
    padding: 0 14px;
}

.tv-tabs--no-padding .tv-tabs__tab.tv-tabs__tab--no-padding {
    padding: 0;
}

.tv-tabs.i-loaded .tv-tabs__tab.i-active::after {
    content: none;
    display: none;
}

.tv-tabs__left-arrow,
.tv-tabs__right-arrow {
    position: absolute;
    display: flex;
    align-items: center;
    padding: 0 5px;
    bottom: 0;
    top: 0;
    background-color: #ffffff;
    cursor: pointer;
    width: 36px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box;
}

.tv-tabs__left-arrow:after,
.tv-tabs__right-arrow:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.tv-tabs__left-arrow svg,
.tv-tabs__right-arrow svg {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    transform: scale(1);
    transition: fill ease 0.35s;
}

.feature-no-touch .tv-tabs__left-arrow:hover svg,
.feature-no-touch .tv-tabs__right-arrow:hover svg {
    fill: #4e5866;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-tabs__left-arrow:hover svg,
html.feature-no-touch.theme-dark .tv-tabs__right-arrow:hover svg {
    fill: #c5cbce;
}

.feature-no-touch .tv-tabs__left-arrow:active svg,
.feature-touch .tv-tabs__left-arrow:active svg,
.feature-no-touch .tv-tabs__right-arrow:active svg,
.feature-touch .tv-tabs__right-arrow:active svg {
    fill: #252733;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-tabs__left-arrow:active svg,
html.feature-touch.theme-dark .tv-tabs__left-arrow:active svg,
html.feature-no-touch.theme-dark .tv-tabs__right-arrow:active svg,
html.feature-touch.theme-dark .tv-tabs__right-arrow:active svg {
    fill: #9db2bd;
}

.tv-tabs__right-arrow {
    justify-content: flex-end;
}

.tv-tabs--category-header .tv-tabs__left-arrow,
.tv-tabs--category-header .tv-tabs__right-arrow {
    background-color: #f8f8f8;
    bottom: 3px;
    margin-top: -1px;
}

.tv-tabs--category-header .tv-tabs__left-arrow svg,
.tv-tabs--category-header .tv-tabs__right-arrow svg {
    vertical-align: top;
}

.tv-tabs__left-arrow {
    left: 0;
    text-align: left;
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
}

html.theme-dark .tv-tabs__left-arrow {
    background: linear-gradient(to left, #131722, rgba(19, 23, 34, 0.85), rgba(19, 23, 34, 0));
}

.tv-tabs__left-arrow.i-slided {
    transform: translateX(-100%);
}

.tv-tabs__right-arrow {
    right: 0;
    text-align: right;
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
}

html.theme-dark .tv-tabs__right-arrow {
    background: linear-gradient(to right, #131722, rgba(19, 23, 34, 0.85), rgba(19, 23, 34, 0));
}

.tv-tabs__right-arrow.i-slided {
    transform: translateX(100%);
}

.tv-tabs--category-header .tv-tabs__left-arrow {
    background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
}

.tv-tabs--category-header .tv-tabs__right-arrow {
    background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
}

.tv-tabs--compact .tv-tabs__left-arrow,
.tv-tabs--compact .tv-tabs__right-arrow {
    width: 23px;
}

.tv-tabs--semi-compact .tv-tabs__left-arrow,
.tv-tabs--semi-compact .tv-tabs__right-arrow {
    width: 34px;
}

.tv-tabs--category-header .tv-tabs__left-arrow,
.tv-tabs--category-header .tv-tabs__right-arrow {
    width: 45px;
}

.tv-tabs--searchbar:before {
    display: none;
}

.tv-tabs--searchbar,
.tv-tabs--searchbar .tv-tabs__scroll-box {
    height: 80px;
}

@media screen and (max-width:1019px) {
    .tv-tabs--searchbar,
    .tv-tabs--searchbar .tv-tabs__scroll-box {
        height: 54px;
    }
}

.tv-tabs--searchbar .tv-tabs__slider,
.tv-tabs--searchbar .tv-tabs__tab.i-active::after {
    bottom: 0;
    background-color: #ffffff;
}

.tv-tabs--searchbar .tv-tabs__left-arrow svg,
.tv-tabs--searchbar .tv-tabs__right-arrow svg {
    fill: #ffffff;
    opacity: 0.65;
}

.feature-no-touch .tv-tabs--searchbar .tv-tabs__left-arrow:hover svg,
.feature-no-touch .tv-tabs--searchbar .tv-tabs__right-arrow:hover svg,
.feature-no-touch .tv-tabs--searchbar .tv-tabs__left-arrow:active svg,
.feature-touch .tv-tabs--searchbar .tv-tabs__left-arrow:active svg,
.feature-no-touch .tv-tabs--searchbar .tv-tabs__right-arrow:active svg,
.feature-touch .tv-tabs--searchbar .tv-tabs__right-arrow:active svg {
    fill: #ffffff;
    opacity: 1;
}

.tv-tabs--searchbar .tv-tabs__left-arrow {
    background: linear-gradient(to left, rgba(37, 39, 51, 0.99) 0%, rgba(37, 39, 51, 0.99) 85%, #252733 100%);
}

.tv-tabs--searchbar .tv-tabs__right-arrow {
    background: linear-gradient(to left, #252733 0%, rgba(37, 39, 51, 0.99) 15%, rgba(37, 39, 51, 0.99) 100%);
}

.tv-tabs--searchbar_sub,
.tv-tabs--searchbar_sub .tv-tabs__scroll-box {
    height: 40px;
    line-height: 40px;
}

.tv-tabs--searchbar_sub .tv-tabs__left-arrow {
    background: linear-gradient(to left, rgba(30, 162, 216, 0.99) 0%, rgba(30, 162, 216, 0.99) 85%, #1ea2d8 100%);
}

.tv-tabs--searchbar_sub .tv-tabs__right-arrow {
    background: linear-gradient(to left, #1ea2d8 0%, rgba(30, 162, 216, 0.99) 15%, rgba(30, 162, 216, 0.99) 100%);
}

.tv-tabs--searchbar-bright .tv-tabs__left-arrow {
    background: linear-gradient(to left, rgba(59, 179, 228, 0.99) 0%, rgba(59, 179, 228, 0.99) 85%, #3bb3e4 100%);
}

.tv-tabs--searchbar-bright .tv-tabs__right-arrow {
    background: linear-gradient(to left, #3bb3e4 0%, rgba(59, 179, 228, 0.99) 15%, rgba(59, 179, 228, 0.99) 100%);
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */


/* ------------------------ */


/* LESS mixin for CSS arrow */


/* ------------------------ */


/* Usage
 * .arrow(size, color, direction, offset, border-size, border-color);
 */


/* Where
 * Size is the with of the arrow
 * Color is the color of the arrow (plain color required)
 * Direction is the orientation of the arrow (top, right, bottom, left)
 * Offset is the position of the arrow on its axis (px / em)
 * Border-size is the width of the border if there is one (optional; default "0")
 * Border-color is the color of the border if there is one (optional; default "inherit");
 */


/* Extra
 * Drop-shadows can be used on the element to create a shadow on the arrow as well
 */

.tv-tabbed-dialog {
    background-color: #ffffff;
    color: #4a4a4a;
}

html.theme-dark .tv-tabbed-dialog {
    color: #c5cbce;
}

html.theme-dark .tv-tabbed-dialog {
    background-color: #1c2030;
}

.tv-tabbed-dialog__header {
    display: flex;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border-bottom: none !important;
    margin-bottom: -1px;
    z-index: 6;
}

.tv-tabbed-dialog__bottom-border {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #dadde0;
    z-index: -1;
}

html.theme-dark .tv-tabbed-dialog__bottom-border {
    background-color: #363c4e;
}

.tv-tabbed-dialog__tab-page {
    height: 100%;
    display: none;
}

.tv-tabbed-dialog__tab-page.active {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: block;
}

.tv-tabbed-dialog__close {
    z-index: 6;
    top: 5px;
}

.tv-tabbed-dialog__tabs {
    width: 100%;
    flex-shrink: 1;
    height: 53px;
}

.tv-tabbed-dialog__custom-controls {
    margin-right: 10px;
    flex-shrink: 0;
}

.tv-tabbed-dialog__tabs-arrow-left:before,
.tv-tabbed-dialog__tabs-arrow-right:before {
    content: '';
    position: absolute;
    bottom: 1px;
    right: 0;
    left: 0;
    height: 1px;
}

.tv-tabbed-dialog__tabs-arrow-left:before {
    background: linear-gradient(to left, #dadde0 0%, #dadde0 85%, rgba(255, 255, 255, 0) 100%);
}

.tv-tabbed-dialog__tabs-arrow-right:before {
    background: linear-gradient(to right, #dadde0 0%, #dadde0 85%, rgba(255, 255, 255, 0) 100%);
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-objects-tree-dialog__custom-controls-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 2px;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.modal-3St4C-sr- {
    display: flex;
    position: fixed;
    visibility: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    transform: translateZ(0);
}

.backdrop-37dtOKR8- {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #2a2c39;
    transform: translateZ(0);
    opacity: 0.5;
}

.backdrop-37dtOKR8-.animated-3MXxj0QT- {
    opacity: 0;
}

.notAnimated-2Wxm0Nli- {
    visibility: visible;
}

.animated-3MXxj0QT- {
    visibility: hidden;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.modal-C2LSTwhC- {
    position: relative;
    min-width: 320px;
}

.content-tr28wPlV- {
    position: relative;
}

.form-2GifjSKe- .copyForm-1HuPoKA0- {
    position: relative;
}

.form-2GifjSKe- .copyForm-1HuPoKA0- .copyBtn-1oB8tEqo- {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
    background: #ffffff;
    border-radius: 2px;
}

html.theme-dark .form-2GifjSKe- .copyForm-1HuPoKA0- .copyBtn-1oB8tEqo- {
    background: #1c2030;
}

.form-2GifjSKe- .copyForm-1HuPoKA0- .shadow-2JTdO0Fb- {
    box-shadow: 0 0 0 0 #ffffff, 8px 0 10px -3px #ffffff;
}

html.theme-dark .form-2GifjSKe- .copyForm-1HuPoKA0- .shadow-2JTdO0Fb- {
    box-shadow: 0 0 0 0 #1c2030, 8px 0 10px -3px #1c2030;
}

.form-2GifjSKe- .actions-3fKk-h7d- {
    display: block;
    padding-top: 25px;
}

.form-2GifjSKe- .link-1alPBTTQ- {
    display: block;
    float: right;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    color: #757575;
    fill: #757575;
}

html.theme-dark .form-2GifjSKe- .link-1alPBTTQ- {
    fill: #758696;
}

html.theme-dark .form-2GifjSKe- .link-1alPBTTQ- {
    color: #758696;
}

.form-2GifjSKe- .link-1alPBTTQ- svg {
    width: 22px;
    height: 14px;
    position: relative;
    top: 2px;
    padding-left: 8px;
}

.feature-no-touch .form-2GifjSKe- .link-1alPBTTQ-:hover {
    color: #38acdb;
    fill: #38acdb;
}

.form-2GifjSKe- .socials-rht5Uvp-- {
    display: block;
    float: left;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    color: #3bb3e4;
    fill: #3bb3e4;
}

.form-2GifjSKe- .socials-rht5Uvp-- svg {
    width: 18px;
    height: 14px;
    position: relative;
    top: 2px;
    padding-left: 8px;
}

.feature-no-touch .form-2GifjSKe- .socials-rht5Uvp--:hover {
    color: #38acdb;
    fill: #38acdb;
}


/*
 * TODO: move it to css/blocks/tv-chart-events-source.less after release TV-4884
 */


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-chart-events-source__tooltip {
    pointer-events: none;
}

.tv-chart-events-source__tooltip--clickable {
    pointer-events: all;
}

.tv-chart-events-source__tooltip__content {
    font-size: 9pt;
    line-height: normal;
    cursor: default;
}

.tv-chart-events-source__tooltip__item {
    margin-top: 6pt;
    border: 0;
    border-right: solid #ffc84a 6px;
    border-radius: 2px;
    background: #ffffff;
    padding: 15px 20px 15px 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 7px;
}

html.theme-dark .tv-chart-events-source__tooltip__item {
    box-shadow: rgba(107, 121, 136, 0.25) 0 2px 7px;
}

html.theme-dark .tv-chart-events-source__tooltip__item {
    background: #131722;
}

.tv-chart-events-source__tooltip__item--importance-normal {
    background: white;
    border-right-color: #f89e30;
}

.tv-chart-events-source__tooltip__item--importance-high {
    background: white;
    border-right-color: #ff4a68;
}

.tv-chart-events-source__tooltip__item--importance-earnings {
    background: white;
    border-right-color: #ff4d6a;
}

.tv-chart-events-source__tooltip__item--importance-splits {
    background: white;
    border-right-color: #007f0e;
}

.tv-chart-events-source__tooltip__item--importance-dividends {
    background: white;
    border-right-color: #0496ff;
}

.tv-chart-events-source__tooltip__item--importance-none {
    border-right-width: 1px;
    border-right-color: #dadde0;
}

html.theme-dark .tv-chart-events-source__tooltip__item--importance-none {
    border-right-color: #363c4e;
}

.tv-chart-events-source__tooltip__item--importance-list {
    border-right-width: 1px;
    border-right-color: #dadde0;
    padding: 15px 25px 15px 20px;
    font-size: 10pt;
}

html.theme-dark .tv-chart-events-source__tooltip__item--importance-list {
    border-right-color: #363c4e;
}

.tv-chart-events-source__tooltip__item--importance-list dl:before {
    margin-left: 5px;
    position: absolute;
    right: 15px;
}

.tv-chart-events-source__tooltip__item--importance-list dl.list-item:not(:first-child) {
    margin-top: 12px;
}

.tv-chart-events-source__tooltip__item--importance-list dl.list-item:before {
    content: '\2022';
}

.tv-chart-events-source__tooltip__item dl {
    margin: 0;
    color: #666666;
    line-height: 1.5;
}

html.theme-dark .tv-chart-events-source__tooltip__item dl {
    color: #758696;
}

.tv-chart-events-source__tooltip__item dl.actual {
    color: #000000;
}

html.theme-dark .tv-chart-events-source__tooltip__item dl.actual {
    color: #9db2bd;
}

.tv-chart-events-source__tooltip__item dt,
.tv-chart-events-source__tooltip__item dd {
    margin: 0;
    display: inline;
}

.tv-chart-events-source__tooltip__item h2 {
    font-size: 9pt;
    margin: 0 0 4pt;
}

.tv-chart-events-source__tooltip__item a,
.feature-no-touch .tv-chart-events-source__tooltip__item a:hover,
.feature-no-touch .tv-chart-events-source__tooltip__item a:active,
.feature-touch .tv-chart-events-source__tooltip__item a:active,
.tv-chart-events-source__tooltip__item a:visited {
    color: #3bb3e4;
    cursor: pointer;
}


/**
 * Input
 */


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-control-input {
    display: block;
    padding: 0 12px;
    width: 100%;
    height: 34px;
    font-size: 13px;
    color: #4a4a4a;
    border-color: #dadde0;
    border-style: solid;
    border-width: 1px;
    background-color: #ffffff;
    border-radius: 2px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transition: border-color ease 0.35s, background-color ease 0.35s;
}

html.theme-dark .tv-control-input {
    background-color: #1c2030;
}

html.theme-dark .tv-control-input {
    border-color: #363c4e;
}

html.theme-dark .tv-control-input {
    color: #c5cbce;
}

.tv-control-input::-webkit-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.tv-control-input:-ms-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.tv-control-input::-ms-input-placeholder {
    color: #adaeb0;
    opacity: 1;
}

.tv-control-input::placeholder {
    color: #adaeb0;
    opacity: 1;
}

html.theme-dark .tv-control-input::-webkit-input-placeholder {
    color: #4f5966;
}

html.theme-dark .tv-control-input:-ms-input-placeholder {
    color: #4f5966;
}

html.theme-dark .tv-control-input::-ms-input-placeholder {
    color: #4f5966;
}

html.theme-dark .tv-control-input::placeholder {
    color: #4f5966;
}

.tv-control-input:-webkit-autofill {
    -webkit-text-fill-color: #535353 !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
}

.tv-control-input--size_xsmall {
    height: 19px;
}

.tv-control-input--size_small {
    height: 27px;
}

.tv-control-input--size_large {
    height: 48px;
}

.tv-control-input--connect {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.tv-control-input--connect_left {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.tv-control-input--connect_right {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.tv-control-input--connect_right#id_username {
    direction: ltr;
    text-align: right
}

.feature-no-touch .tv-control-input:hover {
    border-color: #c8c8c8;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-control-input:hover {
    border-color: #4c525e;
}

.feature-no-touch .tv-control-input:focus,
.feature-touch .tv-control-input:focus {
    border-color: #3bb3e4 !important;
    transition-duration: 0.06s;
}

.tv-control-input[readonly] {
    color: #8a8a8a;
    border-color: #dadde0;
}

.feature-no-touch .tv-control-input[readonly]:hover,
.feature-no-touch .tv-control-input[readonly]:focus,
.feature-touch .tv-control-input[readonly]:focus {
    border-color: #dadde0;
}

.tv-control-input--readonly_dark,
.tv-control-input--readonly_dark[readonly] {
    color: #555555;
}

html.theme-dark .tv-control-input--readonly_dark,
html.theme-dark .tv-control-input--readonly_dark[readonly] {
    color: #4c525e;
}

.tv-control-input[disabled],
.tv-control-input.i-disabled {
    color: #ececec !important;
    border-color: #ececec !important;
}

html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled {
    border-color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled],
html.theme-dark .tv-control-input.i-disabled {
    color: #262b3e !important;
}

.tv-control-input[disabled]::-webkit-input-placeholder,
.tv-control-input.i-disabled::-webkit-input-placeholder {
    color: #ececec !important;
}

.tv-control-input[disabled]:-ms-input-placeholder,
.tv-control-input.i-disabled:-ms-input-placeholder {
    color: #ececec !important;
}

.tv-control-input[disabled]::-ms-input-placeholder,
.tv-control-input.i-disabled::-ms-input-placeholder {
    color: #ececec !important;
}

.tv-control-input[disabled]::placeholder,
.tv-control-input.i-disabled::placeholder {
    color: #ececec !important;
}

html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder {
    color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder {
    color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder,
html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder {
    color: #262b3e !important;
}

html.theme-dark .tv-control-input[disabled]::placeholder,
html.theme-dark .tv-control-input.i-disabled::placeholder {
    color: #262b3e !important;
}

.feature-no-touch .tv-control-input[disabled]:hover,
.feature-no-touch .tv-control-input.i-disabled:hover {
    border-color: #ececec !important;
}

html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover,
html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover {
    border-color: #262b3e !important;
}

.tv-control-input.i-error {
    border-color: #ff4a68 !important;
}

.feature-no-touch .tv-control-input.i-error:hover {
    border-color: #f24965 !important;
}

.feature-no-touch .tv-control-input.i-error:focus,
.feature-touch .tv-control-input.i-error:focus {
    border-color: #ff173e !important;
}

.tv-control-input.i-success {
    border-color: #3cbc98 !important;
}

.feature-no-touch .tv-control-input.i-success:hover {
    border-color: #38b395 !important;
}

.feature-no-touch .tv-control-input.i-success:focus,
.feature-touch .tv-control-input.i-success:focus {
    border-color: #00a97f !important;
}

.tv-control-input--phone {
    direction: ltr;
    text-align: right;
}

.tv-control-input--file {
    display: none;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-compare-tab__predefines {
    display: flex;
    flex-wrap: wrap;
}

.tv-compare-tab__predefine-cell {
    width: 50%;
    margin-top: 20px;
}

.tv-compare-tab__checkbox-label {
    font-size: 13px;
}

.tv-compare-tab__checkbox-box:after {
    border-color: #9db2bd;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-add-symbol-tab__add-symbol-overlay {
    margin-top: 20px;
}

.tv-add-symbol-tab__checkbox-label {
    font-size: 13px;
}

.tv-add-symbol-tab__checkbox-box:after {
    border-color: #9db2bd;
}

.tv-compare-dialog__scroll-box {
    padding: 0 15px !important;
}

.tv-compare-dialog__tab {
    padding: 0 15px;
}

.tv-compare-dialog__tab-page {
    position: relative;
    padding: 20px 30px;
}

.tv-compare-dialog__tab-page input {
    color: #4a4a4a;
    background-color: #ffffff;
    border-color: #dadde0;
}

html.theme-dark .tv-compare-dialog__tab-page input {
    border-color: #363c4e;
}

html.theme-dark .tv-compare-dialog__tab-page input {
    background-color: #1c2030;
}

html.theme-dark .tv-compare-dialog__tab-page input {
    color: #c5cbce;
}

.feature-no-touch .tv-compare-dialog__tab-page input:hover {
    border-color: #c8c8c8;
}

html.feature-no-touch.theme-dark .tv-compare-dialog__tab-page input:hover {
    border-color: #4c525e;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-grouped-floating-toolbar {
    color: #4a4a4a;
}

html.theme-dark .tv-grouped-floating-toolbar {
    color: #c5cbce;
}

.tv-grouped-floating-toolbar__popup {
    display: flex;
    position: absolute;
    top: 100%;
    opacity: 0;
    border-radius: 0 0 1px 1px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0;
    transition: opacity ease 0.35s;
}

html.theme-dark .tv-grouped-floating-toolbar__popup {
    background-color: #1c2030;
}

html.theme-dark .tv-grouped-floating-toolbar__popup {
    box-shadow: #000000 0 2px 4px 0;
}

.tv-grouped-floating-toolbar__popup.i-opened {
    opacity: 1;
    transition-duration: 0.11666667s;
}

.tv-grouped-floating-toolbar__popup--at-top {
    top: calc(-100% - 2px);
    border-radius: 1px 1px 0 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px -5px 10px -5px;
}

.tv-grouped-floating-toolbar__popup--at-left {
    right: 0;
    border-radius: 0 1px 1px 0;
    transform: translateX(100%);
}

.tv-grouped-floating-toolbar.i-vertical .tv-grouped-floating-toolbar__popup:not(.tv-grouped-floating-toolbar__popup--at-left) {
    right: 100%;
    border-radius: 1px 0 0 1px;
}

.tv-grouped-floating-toolbar__sub-widget {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    cursor: pointer;
    transition: background-color ease 0.35s, opacity ease 0.35s;
}

.feature-no-touch .tv-grouped-floating-toolbar__sub-widget:hover,
.tv-grouped-floating-toolbar__sub-widget--current {
    background-color: #f1f3f6;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-grouped-floating-toolbar__sub-widget:hover,
html.theme-dark .tv-grouped-floating-toolbar__sub-widget--current {
    background-color: #2f3241;
}

.feature-no-touch .tv-grouped-floating-toolbar__sub-widget:active,
.feature-touch .tv-grouped-floating-toolbar__sub-widget:active {
    background-color: #eaecef;
    transition-duration: 0.06s;
}

.tv-grouped-floating-toolbar__sub-widget--slide-right-9,
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-9 {
    transition-delay: 0s, 0.2422s;
}

.tv-grouped-floating-toolbar__sub-widget--slide-right-8,
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-8 {
    transition-delay: 0s, 0.20055s;
}

.tv-grouped-floating-toolbar__sub-widget--slide-right-7,
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-7 {
    transition-delay: 0s, 0.1638s;
}

.tv-grouped-floating-toolbar__sub-widget--slide-right-6,
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-6 {
    transition-delay: 0s, 0.13195s;
}

.tv-grouped-floating-toolbar__sub-widget--slide-right-5,
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-5 {
    transition-delay: 0s, 0.105s;
}

.tv-grouped-floating-toolbar__sub-widget--slide-right-4,
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-4 {
    transition-delay: 0s, 0.08295s;
}

.tv-grouped-floating-toolbar__sub-widget--slide-right-3,
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-3 {
    transition-delay: 0s, 0.0658s;
}

.tv-grouped-floating-toolbar__sub-widget--slide-right-2,
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-2 {
    transition-delay: 0s, 0.05355s;
}

.tv-grouped-floating-toolbar__sub-widget--slide-right-1,
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-1 {
    transition-delay: 0s, 0.0462s;
}

.tv-grouped-floating-toolbar__sub-widget--slide-right-0,
.tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-0 {
    transition-delay: 0s, 0.04375s;
}

.tv-grouped-floating-toolbar__popup.i-opened .tv-grouped-floating-toolbar__sub-widget {
    opacity: 1;
}

.tv-grouped-floating-toolbar__sub-widget:not(:first-child) {
    border-right: 1px solid;
    border-right-color: #dadde0;
}

html.theme-dark .tv-grouped-floating-toolbar__sub-widget:not(:first-child) {
    border-right-color: #363c4e;
}

.tv-grouped-floating-toolbar__widget-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    cursor: pointer;
    background-color: #ffffff;
    transition: background-color ease 0.35s;
}

html.theme-dark .tv-grouped-floating-toolbar__widget-wrapper {
    background-color: #1c2030;
}

.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper:hover,
.tv-grouped-floating-toolbar__widget-wrapper.i-dropped {
    background-color: #f1f3f6;
    transition-duration: 0.06s;
}

html.feature-no-touch.theme-dark .tv-grouped-floating-toolbar__widget-wrapper:hover,
html.theme-dark .tv-grouped-floating-toolbar__widget-wrapper.i-dropped {
    background-color: #2f3241;
}

.tv-grouped-floating-toolbar__widget-wrapper.i-disabled {
    cursor: default;
    color: #adaeb0;
}

.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper.i-disabled:hover {
    background-color: white;
}

.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper:active,
.feature-touch .tv-grouped-floating-toolbar__widget-wrapper:active {
    background-color: #eaecef;
    transition-duration: 0.06s;
}


/**
 *
 * Color variables naming guide
 * Simplified BEM-like style:
 *
 *     _________________ 1. namespace  (required)
 *    |      ___________ 2. color name (required)
 *    |     |     ______ 3. modifier   (optional)
 *    |     |    |     _ 4. lighness   (optional)
 *    |     |    |    |
 * @color-brand-dark-120
 *
 * 1. Avoiding crossing with another variables, better autocomplete
 * 2. Base color name (better to avoid real color name, use what it means instead)
 * 3. Significant color tweak
 * 4. For more flexible adjustments
 *
 * NOTE: some of this colors copied in style-vars.ts
 *
 */


/**
 * Transitions variables and mixins
 */

.tv-linetool-properties-toolbar__button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    cursor: pointer;
    transition: background-color ease 0.35s;
}

.feature-no-touch .tv-linetool-properties-toolbar__button:hover,
.tv-linetool-properties-toolbar__button.i-dropped {
    background-color: #f1f3f6;
}

html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__button:hover,
html.theme-dark .tv-linetool-properties-toolbar__button.i-dropped {
    background-color: #2f3241;
}

.feature-no-touch .tv-linetool-properties-toolbar__button:active,
.feature-touch .tv-linetool-properties-toolbar__button:active {
    background-color: #eaecef;
}

html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__button:active,
html.feature-touch.theme-dark .tv-linetool-properties-toolbar__button:active {
    background-color: #2f3241;
}

.feature-no-touch .tv-linetool-properties-toolbar__button:hover,
.feature-no-touch .tv-linetool-properties-toolbar__button:active,
.feature-touch .tv-linetool-properties-toolbar__button:active {
    transition-duration: 0.06s;
}

.tv-linetool-properties-toolbar__button.i-active {
    background-color: #f1f3f6;
}

html.theme-dark .tv-linetool-properties-toolbar__button.i-active {
    background-color: #262b3e;
}

.feature-no-touch .tv-linetool-properties-toolbar__button.i-active:hover {
    background-color: #e8ebf0;
}

.feature-no-touch .tv-linetool-properties-toolbar__button.i-active:active,
.feature-touch .tv-linetool-properties-toolbar__button.i-active:active {
    background-color: #dee3ea;
}

.tv-linetool-properties-toolbar__button,
.tv-linetool-properties-toolbar__sub-widget,
.tv-linetool-properties-toolbar__grouped-button {
    min-width: 38px;
    min-height: 38px;
}

.tv-linetool-properties-toolbar__text {
    transition: color ease 0.35s;
}

.tv-linetool-properties-toolbar__icon {
    display: flex;
}

.tv-linetool-properties-toolbar__icon svg {
    width: 16px;
    height: 16px;
    fill: #758696;
    transition: fill ease 0.35s, stroke ease 0.35s;
}

.i-active .tv-linetool-properties-toolbar__icon svg {
    fill: #3bb3e4;
}

.tv-linetool-properties-toolbar__icon--line-props svg {
    width: 22px;
    height: 6px;
}

.feature-no-touch .tv-linetool-properties-toolbar__button:hover .tv-linetool-properties-toolbar__icon svg,
.feature-no-touch .tv-linetool-properties-toolbar__button:active .tv-linetool-properties-toolbar__icon svg,
.feature-touch .tv-linetool-properties-toolbar__button:active .tv-linetool-properties-toolbar__icon svg {
    transition-duration: 0.06s;
}

.tv-linetool-properties-toolbar__color-picker {
    height: 38px !important;
    width: 38px !important;
    cursor: pointer;
}

.tv-linetool-properties-toolbar__color-picker .tvcolorpicker-transparency {
    width: 38px !important;
    height: 4px !important;
    bottom: 5px;
}

.tv-linetool-properties-toolbar__color-picker .colorpicker-widget {
    border-color: #c9cbcd;
    border: 0px !important;
    width: 34px;
    height: 34px;
    padding: 2px;
    z-index: 10;
    position: relative !important;
}

.tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    z-index: 40;
}

.tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg .bg {
    fill: #ffffff;
    transition: fill ease 0.35s;
}

html.theme-dark .tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg .bg {
    fill: #1c2030;
}

.tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg .icon {
    fill: #758696;
    transition: fill ease 0.35s;
}

.feature-no-touch .tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg:hover .bg {
    fill: #f1f3f6;
}

html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__color-picker .colorpicker-widget+svg:hover .bg {
    fill: #2f3241;
}

.tv-linetool-properties-toolbar__color-picker .colorpicker-widget.i-active+svg .bg {
    fill: #f1f3f6;
}